:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f3f6f5;background:#101415;font-size:16px;line-height:1.6}
*{box-sizing:border-box}body{margin:0;border-top:4px solid #c6ed95}main{width:min(100% - 40px,480px);margin:0 auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 0 42px}.brand{font-size:26px;font-weight:850;letter-spacing:-1px;color:#f3f6f5;text-decoration:none}.brand span{font-size:15px;letter-spacing:2px;margin-inline-start:8px;color:#c6ed95}.language{background:transparent;color:#ccd4d1;border:1px solid #3a4542;border-radius:999px;padding:8px 18px;font-size:14px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#c6ed95}h1{font-size:clamp(32px,9vw,44px);line-height:1.22;letter-spacing:-1px;margin:14px 0}h2{font-size:27px;line-height:1.3}.intro{color:#b3c0b9;margin:0 0 28px}.code{font-size:27px;letter-spacing:5px;font-weight:750;text-align:center}label,legend{display:block;font-size:14px;font-weight:650;margin:18px 0 8px}input:not([type=radio]){display:block;width:100%;background:#1b2221;color:#f3f6f5;border:1px solid #3a4542;border-radius:12px;padding:14px;font:inherit;min-height:54px}input.code{font-size:27px}input::placeholder{color:#7f8e87}input:focus,button:focus-visible{outline:3px solid #c6ed95;outline-offset:3px}input:disabled{opacity:.6}fieldset{border:0;padding:0;margin:22px 0}fieldset legend{margin:0 0 8px}.modes{display:flex;gap:10px}.modes label{flex:1;margin:0;border:1px solid #3a4542;padding:12px 8px;border-radius:12px;text-align:center;cursor:pointer}.modes label:has(:checked){border-color:#c6ed95;background:#263022;color:#d7f6b1}.modes input{accent-color:#c6ed95;margin-inline-end:6px}.primary{width:100%;margin-top:26px;background:#c6ed95;color:#172010;border:0;border-radius:12px;padding:16px;font:inherit;font-weight:750;cursor:pointer;min-height:56px}button:disabled{opacity:.65;cursor:wait}.privacy{font-size:13px;color:#9caca3;line-height:1.65;margin-top:18px}.error{color:#ffb4ab;border-inline-start:3px solid #ffb4ab;padding:10px 14px;background:#2e201f;border-radius:4px}.result{text-align:center;padding:28px 0 42px}.result p{color:#b3c0b9}.status-symbol{font-size:46px;color:#c6ed95}footer{display:flex;justify-content:center;gap:10px;margin:42px 0 28px;color:#9caca3;font-size:12px}button{font-family:inherit}[hidden]{display:none!important}[dir=rtl] h1{letter-spacing:0}[dir=rtl] .eyebrow{letter-spacing:0}
@media(min-width:800px){header{padding-top:44px}main{width:480px}body{background:radial-gradient(ellipse at 50% 0,#202a23 0,transparent 55%),#101415}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,opacity .15s}}