:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#080b17;color:#f8faff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#37216b,transparent 65%);min-height:100dvh}main{max-width:520px;margin:auto;padding:40px 24px}.brand{font-size:24px;font-weight:750;color:#bfa3ff}h1{font-size:36px;line-height:1.15;margin:36px 0 18px}p,footer{color:#b7c1d9;line-height:1.6}section{background:#151d32;border:1px solid #354362;padding:24px;border-radius:20px;margin:28px 0}#code{display:block;font-size:40px;letter-spacing:8px;color:white}label{display:block;margin:24px 0 12px;font-weight:600}input{width:100%;padding:18px;border-radius:12px;border:1px solid #586583;font:inherit;background:#11182a;color:white}button{font:inherit;font-weight:650;min-height:54px;padding:14px 24px;border-radius:12px;border:1px solid #8660cf;background:#272039;color:white;margin:16px 8px 0 0}#send{background:#7130db;width:100%;margin:16px 0}button:disabled{opacity:.5}input:focus-visible,button:focus-visible{outline:3px solid #cab2ff;outline-offset:3px}#error{color:#ffb1b8}footer{font-size:13px;margin-top:36px}[hidden]{display:none!important}