:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#171914;color:#eef0e8}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px 16px}main{width:min(100%,480px)}header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;font-size:12px;letter-spacing:.09em;color:#bac1ad}header img{width:44px;height:44px}section{padding:clamp(20px,5vw,32px);border:1px solid #414a38;border-radius:20px;background:#22271f;box-shadow:0 20px 70px #0003}h1{font-size:clamp(24px,5vw,30px);margin:8px 0 16px;overflow-wrap:anywhere}.eyebrow{font-size:11px;letter-spacing:.13em;color:#aab79a}p{line-height:1.5}label{display:block;font-weight:600;margin-bottom:10px}input{width:100%;min-height:52px;border:1px solid #667457;border-radius:10px;background:#171d15;color:inherit;padding:12px;font-size:16px}input:focus-visible,button:focus-visible{outline:3px solid #c7dfa6;outline-offset:3px}button{width:100%;min-height:52px;border:0;border-radius:12px;padding:12px 16px;background:#c3dc9f;color:#17200f;font:600 16px system-ui;cursor:pointer;margin-top:8px}.secondary{background:transparent;color:#d6e4c3;border:1px solid #61704f}button:disabled{opacity:.55;cursor:wait}.note,footer{font-size:13px;color:#b3bea7}footer{text-align:center;margin-top:20px}.badge{font-size:12px;letter-spacing:.08em;color:#c3dc9f}code{overflow-wrap:anywhere}#error{color:#ffb5a8;font-size:14px;margin-bottom:0}[hidden]{display:none!important}

#scan-preview{margin-top:12px}#scan-video{display:block;width:100%;max-height:300px;object-fit:cover;border-radius:12px}#activation-scanner{margin-bottom:20px}#scan-status:empty{display:none}