:root{color-scheme:dark;--ink:#eff7f5;--muted:#9fb2b5;--line:#28414b;--bg:#0b1720;--panel:#112630;--mint:#a8f0c4;--lime:#d5f376;--orange:#ffc68b}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:radial-gradient(circle at 85% 0%,#173a3a 0%,transparent 42%),var(--bg);color:var(--ink);min-height:100dvh}.hidden{display:none!important}.app{width:min(100%,760px);margin:auto;min-height:100dvh;padding:max(22px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.brand{display:flex;align-items:center;gap:10px;font-size:16px;letter-spacing:-.04em}.brand strong{font-weight:750}.brand-mark{display:block;width:19px;height:19px;border:3px solid var(--mint);border-left-color:transparent;border-radius:50%;transform:rotate(-40deg)}.privacy{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--mint);border:1px solid #42776a;border-radius:99px;padding:6px 9px}.panel{background:linear-gradient(145deg,#15333c,#10232d 65%);border:1px solid #31505a;border-radius:27px;padding:clamp(23px,5vw,42px);box-shadow:0 25px 60px #0003}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:800;color:var(--mint)}h1{font-size:clamp(42px,9vw,74px);line-height:.99;letter-spacing:-.07em;margin:19px 0 18px;font-weight:750}h1 em{font-style:normal;color:var(--mint)}p{color:#c6d6d7;line-height:1.55;font-size:16px;margin:0 0 18px}.steps{display:grid;gap:12px;margin:26px 0}.steps>div{display:flex;align-items:flex-start;gap:13px;font-size:14px;line-height:1.4;color:#e5eeee}.steps span{color:var(--lime);font-weight:800;letter-spacing:.07em}.note{border-left:2px solid var(--lime);background:#d5f3760c;padding:12px 15px;margin:26px 0 22px;color:#cbd9ce;font-size:13px;line-height:1.5}.button{border:0;border-radius:14px;padding:14px 17px;font:700 14px/1.2 inherit;cursor:pointer;transition:transform .15s,background .15s;min-height:48px}.button:active{transform:scale(.98)}.primary{background:var(--lime);color:#15252a;display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;box-shadow:0 10px 30px #d5f37622}.primary:hover{background:#e4fa9a}.secondary{background:#22404b;color:var(--ink);width:100%}.subtle{background:#18313b;color:#cce2df;border:1px solid #35545f;min-height:38px;padding:8px 11px;font-size:12px}.small{font-size:12px;color:var(--muted);margin:13px 0 0}.scanner{display:grid;gap:13px}.scan-header{display:flex;align-items:center;justify-content:space-between}.heading-text{font-size:21px;font-weight:750;letter-spacing:-.035em;margin-top:4px}.icon-button{border:1px solid #3b5860;background:#19323c;color:#ecf7f3;border-radius:50%;font-size:28px;line-height:1;width:38px;height:38px;cursor:pointer}.camera-frame{position:relative;overflow:hidden;border:1px solid #44606a;border-radius:23px;height:min(67dvh,650px);min-height:320px;background:#0c161d}.camera-frame video{width:100%;height:100%;object-fit:contain;display:block}.frame-guide{pointer-events:none;position:absolute;inset:7% 19%;border:1px dashed #d5f37680;border-radius:48% 48% 20% 20%/12% 12% 10% 10%;opacity:.48}.guide-head{position:absolute;top:3%;left:41%;width:18%;height:15%;border:1px dashed var(--lime);border-radius:50%}.guide-body{position:absolute;top:22%;left:25%;width:50%;height:48%;border:1px dashed var(--lime);border-radius:28% 28% 16% 16%}.guide-feet{position:absolute;bottom:4%;left:25%;width:50%;height:4%;border-top:1px dashed var(--lime)}.scan-overlay{position:absolute;left:0;right:0;bottom:0;padding:20px 18px 21px;background:linear-gradient(transparent,#07131ced 38%)}.state-pill{display:inline-flex;align-items:center;gap:8px;background:#133136da;border:1px solid #507569;border-radius:100px;padding:7px 10px;color:var(--mint);font-size:12px;font-weight:750}.pulse{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #a8f0c422}.instruction{font-size:clamp(21px,5vw,34px);line-height:1.05;font-weight:750;letter-spacing:-.04em;margin-top:14px;text-wrap:balance;max-width:480px}.flash{position:absolute;inset:0;background:#e8fff0;opacity:0;pointer-events:none}.flash.active{animation:flash .3s ease-out}@keyframes flash{0%{opacity:.82}100%{opacity:0}}.scan-footer{background:#10252f;border:1px solid #284751;border-radius:18px;padding:14px}.progress-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:700;color:#c4d6d6}.progress-top span:last-child{color:var(--mint);text-align:right}.progress-dots{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;margin:13px 0}.progress-dots span{height:7px;background:#314952;border-radius:20px}.progress-dots span.active{background:var(--lime)}.progress-dots span.current{background:var(--mint)}.footer-actions{display:flex;gap:8px;justify-content:space-between}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.review-card{background:#0a1b23;border:1px solid #35525d;border-radius:14px;overflow:hidden}.review-card img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;background:#061219}.review-card div{padding:8px 9px;font-size:12px;font-weight:700}.review-card small{display:block;font-size:10px;color:var(--muted);font-weight:500;margin-top:2px}.review-actions{display:grid;gap:9px}@media(max-width:420px){.app{padding-left:12px;padding-right:12px}.panel{border-radius:20px}.privacy{font-size:9px}.camera-frame{height:62dvh}.review-grid{gap:6px}.review-card div{font-size:11px}}