:root{color-scheme:light;--ink:#10231d;--muted:#687a73;--line:#dce8e2;--card:#fff;--green:#14734e;--deep:#0b3e2f;--soft:#f3f8f5;--danger:#9b2c2c;--shadow:0 30px 90px rgba(11,62,47,.15)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color:var(--ink);background:#edf3f0}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(800px 500px at 0 0,rgba(20,115,78,.13),transparent 70%),radial-gradient(700px 500px at 100% 100%,rgba(11,62,47,.1),transparent 70%)}
.shell{min-height:100dvh;display:grid;place-items:center;padding:24px}.panel{width:min(590px,100%);background:rgba(255,255,255,.98);border:1px solid rgba(211,226,219,.95);border-radius:30px;box-shadow:var(--shadow);overflow:hidden;position:relative}.panel:before{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--deep),#24a16c)}
.brand{display:flex;align-items:center;gap:13px;padding:22px 28px;border-bottom:1px solid #edf2ef}.brand p{margin:0;font-weight:850;letter-spacing:-.02em}.brand>div>span{display:block;margin-top:2px;font-size:.76rem;color:var(--muted)}.mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,var(--deep),var(--green));position:relative;box-shadow:0 8px 18px rgba(11,62,47,.2);flex:none}.mark:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:900;font-size:20px}.secure-pill{margin-left:auto;background:#edf8f2;border:1px solid #d4ebdf;color:var(--green);border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:800}
.copy{padding:29px 30px 10px}.status-badge{display:inline-flex;align-items:center;gap:7px;color:var(--green);background:#edf8f2;border:1px solid #d8ece1;border-radius:999px;padding:7px 10px;font-size:.73rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.status-badge span{width:7px;height:7px;background:#25a46f;border-radius:50%;box-shadow:0 0 0 4px rgba(37,164,111,.12)}h1{font-size:clamp(1.75rem,5vw,2.35rem);line-height:1.08;letter-spacing:-.045em;margin:17px 0 11px}h2{margin:0}.lead{margin:0;color:#566a61;line-height:1.6;font-size:.98rem}.checklist{display:grid;gap:0;margin:24px 0 8px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fbfdfc}.checklist>div{display:flex;gap:12px;padding:14px 15px;border-bottom:1px solid #e9f0ec}.checklist>div:last-child{border-bottom:0}.check{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#e8f6ee;color:var(--green);font-weight:900;flex:none}.checklist p{margin:0}.checklist strong{display:block;font-size:.9rem}.checklist small{display:block;color:#718078;margin-top:3px;line-height:1.4}
.progress{display:flex;gap:13px;align-items:center;margin-top:17px;padding:14px 15px;border-radius:16px;background:#f2f8f5;border:1px solid #dcebe3}.status-line{font-weight:800;margin:0}.muted{color:var(--muted);font-size:.86rem;margin:3px 0 0}.spin{width:24px;height:24px;flex:none;border:3px solid #d9e8e0;border-top-color:var(--green);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:var(--danger);background:#fff2f2;border:1px solid #f0d3d3;border-radius:14px;padding:12px 14px;line-height:1.45}.resume{display:flex;gap:12px;align-items:flex-start;margin-top:18px;background:#eff9f3;border:1px solid #d0eadb;border-radius:16px;padding:15px}.resume p{margin:4px 0 0;color:#5c6f66;font-size:.88rem}.success-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-weight:900;flex:none}
.actions{display:grid;gap:10px;padding:16px 30px 28px}.btn{appearance:none;border:0;width:100%;min-height:55px;border-radius:15px;padding:13px 17px;font:inherit;font-size:.96rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .15s ease,box-shadow .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.62;cursor:wait}.btn:focus-visible,a:focus-visible{outline:3px solid #9dd7ba;outline-offset:2px}.primary{background:linear-gradient(135deg,var(--deep),var(--green));color:#fff;box-shadow:0 12px 26px rgba(11,62,47,.2)}.primary b{font-size:1.15rem}.ghost{background:#f7faf8;color:var(--deep);border:1px solid #d9e5df}.text{background:transparent;color:#60746a;min-height:40px;font-size:.88rem}.consent-note{text-align:center;color:#819088;font-size:.72rem;line-height:1.5;margin:2px 4px 0}
dialog{width:min(570px,calc(100% - 24px));border:1px solid #dce6e1;border-radius:22px;padding:20px;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(6,27,20,.58);backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-head .btn{width:auto}.noscript{margin:12px;padding:12px;background:#fff;border-radius:12px}
@media(max-width:620px){.shell{padding:0;place-items:stretch}.panel{min-height:100dvh;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.brand{padding:calc(18px + env(safe-area-inset-top)) 20px 16px}.copy{padding:23px 20px 8px;flex:1}.actions{padding:12px 20px calc(18px + env(safe-area-inset-bottom))}.checklist{margin-top:19px}.secure-pill{font-size:.67rem;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.spin{animation:none}.btn{transition:none}}