
:root{--ex-green:#17644d;--ex-ink:#173b33;--ex-line:#dbe7e0;--ex-soft:#f1f6f2}
.ex-shell{max-width:1180px;margin:32px auto 65px;padding:0 22px;color:var(--ex-ink)}.ex-shell *,.ex-admin *{box-sizing:border-box}.ex-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#123f34;color:#fff;border-radius:26px;padding:42px}.ex-hero h1{font-size:clamp(28px,4vw,46px);line-height:1.16;letter-spacing:-.035em;margin:14px 0}.ex-hero p{color:#d8e8df;max-width:560px;line-height:1.7}.ex-hero a{color:#d3f0c8}.ex-hero img{object-fit:contain;max-width:24%}.ex-eyebrow{display:block;font-size:11px;letter-spacing:.13em;font-weight:750;color:#39765d}.ex-hero .ex-eyebrow{color:#b8dfca}
.ex-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:25px 0}.ex-steps li{border:1px solid var(--ex-line);border-radius:12px;padding:15px;font-size:13px;color:#6b7b73;background:#fff;display:flex;align-items:center;gap:9px}.ex-steps span{display:grid;place-items:center;border-radius:50%;width:25px;height:25px;flex-shrink:0;background:#eef3ef;font-weight:700}.ex-steps .is-current{border-color:#3a8968;background:#eef8f1;color:#19533c;box-shadow:0 0 0 2px #e8f1e8}.ex-steps .is-done span{background:#1d694e;color:#fff}
.ex-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:24px}.ex-card{padding:30px;background:white;border:1px solid var(--ex-line);border-radius:20px;box-shadow:0 8px 25px #1b483107;margin-bottom:22px;min-width:0}.ex-card h2{font-size:27px;letter-spacing:-.025em;margin:10px 0 14px}.ex-card p{line-height:1.75;color:#566c60}.ex-card label{display:block;font-size:14px;font-weight:650;color:#264c3b;margin:0 0 18px}.ex-card input:not([type=checkbox]):not([type=radio]),.ex-card select,.ex-card textarea{display:block;width:100%;min-height:48px;border:1px solid #c7d8cd;border-radius:10px;padding:12px 14px;background:#fff;color:#173b33;font:inherit;margin-top:7px}.ex-card textarea{resize:vertical;min-height:118px}.ex-card input:focus,.ex-card textarea:focus{outline:3px solid #caead9;outline-offset:1px;border-color:#2c8059}.ex-card small{display:block;font-size:12px;line-height:1.6;color:#637c6c;margin-top:9px}.ex-primary{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;background:#17644d!important;color:#fff!important;border:1px solid #17644d;border-radius:10px;padding:13px 23px;text-decoration:none;font-weight:700;cursor:pointer}.ex-primary:hover{background:#104d3a!important}.ex-primary:disabled{opacity:.6;cursor:wait}.ex-shell :focus-visible,.ex-admin :focus-visible{outline:3px solid #72b18a;outline-offset:3px}.ex-code{font-size:28px!important;letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums}
.ex-alert{padding:18px 22px;border:1px solid #e8bb9e;background:#fff5ed;border-radius:13px;margin:20px 0;color:#813d20}.ex-alert p{margin:6px 0 0}.ex-aside ul{list-style:none;padding:0;line-height:1.8;color:#426951;font-size:13px}.ex-aside li{padding:8px 0;border-bottom:1px solid #e8eee9}.ex-aside li:before{content:'✓';margin-right:8px;color:#1b7353}.ex-aside .ex-card{background:#f3f7f1}.ex-help{padding:23px;border-left:3px solid #679b72;border-radius:0 15px 15px 0;background:#eef4eb;font-size:14px}.ex-help p{line-height:1.7}.ex-help a{color:#17644d;font-weight:700}.ex-summary{display:flex;flex-wrap:wrap;gap:20px;padding:17px;border:1px solid #dce9df;background:#f3f8f2;border-radius:12px;margin:20px 0 25px;font-size:12px;overflow-wrap:anywhere}.ex-summary strong{display:block;font-size:14px;margin-top:5px}.ex-card fieldset{border:0;padding:0;margin:25px 0}.ex-card legend{font-size:18px;font-weight:750;margin-bottom:15px}.ex-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:18px}.ex-panel{position:relative;margin:0!important}.ex-panel input{position:absolute;opacity:0;inset:0;cursor:pointer}.ex-panel span{display:flex;align-items:center;min-height:58px;height:100%;border:1px solid #d3e2d7;border-radius:10px;padding:12px;font-size:12px;cursor:pointer;background:#fff}.ex-panel input:checked+span{background:#eaf7eb;border:2px solid #397c54;color:#174e31}.ex-panel input:focus-visible+span{outline:3px solid #78b38e;outline-offset:2px}.ex-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ex-password{display:flex;align-items:stretch;margin-top:7px}.ex-password input{margin-top:0!important;min-width:0;border-radius:10px 0 0 10px!important}.ex-password button{border:1px solid #c7d8cd;border-left:0;border-radius:0 10px 10px 0;background:#f1f6ee;padding:0 12px;color:#225238;font-size:12px;cursor:pointer}.ex-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e1eae2;margin:28px 0 18px;padding-top:15px}.ex-section-title span{background:#edf4e8;color:#49723f;padding:7px 12px;border-radius:20px;font-size:12px}.ex-check{display:flex!important;align-items:flex-start;gap:12px;font-weight:400!important;font-size:13px!important;line-height:1.7}.ex-check input{margin-top:5px;flex-shrink:0;accent-color:#17644d}.ex-hint{font-size:12px!important;line-height:1.7;color:#587360}.ex-success-mark{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#e4f5e7;color:#197044;font-size:28px;margin-bottom:18px}.ex-receipt{background:#eff7ea;border:1px dashed #85ae78;padding:22px;border-radius:14px;margin:22px 0}.ex-receipt strong{display:block;font-size:25px;letter-spacing:.04em;margin:8px 0}.ex-receipt button,.ex-restart button,.ex-toolbar button{border:1px solid #bed0be;border-radius:8px;padding:10px 14px;background:white;color:#2b6042;cursor:pointer}.ex-restart{border-top:1px solid #e6eee5;margin-top:25px;padding-top:18px}.ex-faq{margin-top:30px}.ex-faq details{border-top:1px solid #e0e9df;padding:17px 0}.ex-faq summary{cursor:pointer;font-weight:650}.ex-faq details[open] summary{color:#1a6c48}.ex-faq p{max-width:850px}.ex-admin{max-width:1100px}.ex-admin-banner{display:flex;justify-content:space-between;gap:24px;padding:26px;background:#eaf3eb;border:1px solid #d3e5d6;border-radius:18px;margin-bottom:24px}.ex-admin-banner h2{font-size:25px;line-height:1.3}.ex-admin-banner p{font-size:14px;line-height:1.7;max-width:750px}.ex-count{align-self:flex-start;white-space:nowrap;background:white;color:#1c6544;padding:12px 17px;border-radius:30px;font-weight:700;font-size:12px}.ex-event-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ex-event{display:flex!important;gap:12px;align-items:flex-start;border:1px solid #dce5dc;border-radius:12px;padding:17px;margin:0!important;font-size:13px!important;background:#fff}.ex-event:has(input:checked){border-color:#6ea67b;background:#f0f8ed}.ex-event input{margin-top:3px;accent-color:#17644d}.ex-event small{margin-top:5px;font-weight:400}.ex-toolbar{display:flex;gap:8px;margin-bottom:20px}.ex-savebar{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;bottom:12px;background:#fff;border:1px solid #d6e4d5;padding:15px 20px;border-radius:13px;box-shadow:0 8px 30px #173b3320;font-size:12px}.ex-shell [hidden],.ex-admin [hidden]{display:none!important}
/* Additional refinements for existing service screens; no layout or API changes. */
.verification-page .result-card,.support-page .request-card{border-color:#dce7df;border-radius:22px;box-shadow:0 12px 36px #183d2e08}.verification-page .result-card h1{letter-spacing:-.025em;line-height:1.25}.verification-page .result-card>p{line-height:1.8;color:#536b60}.verification-page .verification-list{background:#f6f9f5;border:1px solid #dfe9dd;border-radius:14px;padding:4px 16px}.verification-page .verification-row{padding:17px 0;gap:12px}.verification-page .verification-row small{line-height:1.7;overflow-wrap:anywhere}.verification-page .status-dot.done{background:#e3f3e6;color:#236b44}.verification-page .inline-code-form input{font-size:21px;letter-spacing:.18em;border-radius:10px;min-height:48px}.verification-page .inline-code-form button{min-height:48px;border-radius:10px}.verification-page .hint{background:#f5f8f2;border-left:3px solid #9cb58b;padding:12px 15px;line-height:1.7}.verification-page .resend-form{margin:22px 0;padding:15px 0;border-top:1px solid #e0e8dd}.verification-page .progress-steps span{border-radius:9px;padding:10px 15px}.support-page label{line-height:1.6}.support-page textarea{min-height:150px;resize:vertical;border-radius:12px}.support-page input{min-height:46px;border-radius:9px}.support-page input:focus,.support-page textarea:focus,.verification-page input:focus{outline:3px solid #d6ead7;outline-offset:1px}.support-page .section-title h1{letter-spacing:-.03em}.support-page .section-title p{max-width:720px;line-height:1.8}.support-page .request-card h2{padding-top:12px;line-height:1.35}.support-page .request-card ul{line-height:1.85}.support-page .request-card a:focus-visible,.verification-page a:focus-visible{outline:3px solid #86ae90;outline-offset:3px}.support-page button,.verification-page button{transition:background-color .15s,box-shadow .15s}.support-page button:disabled,.verification-page button:disabled{opacity:.65;cursor:wait}.support-page .request-card nav{display:flex;flex-wrap:wrap;gap:10px;background:#f4f8f1;padding:16px;border-radius:12px}.support-page .request-card:target{outline:2px solid #84ad85}
@media(max-width:850px){.ex-layout{grid-template-columns:1fr}.ex-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ex-steps{grid-template-columns:1fr 1fr}.ex-admin-banner{flex-direction:column}.ex-hero{padding:30px}.ex-count{align-self:flex-start}}
@media(max-width:520px){.ex-shell{padding:0 14px}.ex-hero{padding:25px 21px}.ex-hero img{display:none}.ex-card{padding:22px 18px;border-radius:16px}.ex-fields,.ex-aside,.ex-event-grid{grid-template-columns:1fr}.ex-panels{grid-template-columns:1fr 1fr}.ex-steps li{padding:11px;font-size:11px}.ex-primary{width:100%;font-size:14px}.ex-savebar{flex-direction:column}.ex-section-title{align-items:flex-start;flex-direction:column}.ex-summary{gap:12px}.verification-page .verification-row{flex-wrap:wrap}.verification-page .inline-code-form{display:flex;flex-direction:column;align-items:stretch}.verification-page .result-card{padding:24px 18px}.support-page .request-card{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){.ex-shell *,.ex-admin *,.support-page button,.verification-page button{transition:none!important;scroll-behavior:auto!important}}
