:root{color-scheme:dark;font:16px system-ui;background:#101112;color:#f1f5f3}*{box-sizing:border-box}main{max-width:420px;margin:15vh auto;padding:32px;background:#17191a;border:1px solid #303536;border-radius:16px}h1{font-weight:500;letter-spacing:-.04em;margin:0 0 28px}form{display:grid;gap:24px}label{font-size:14px;color:#a4b0ab}input{width:100%;margin-top:8px;padding:12px;border:1px solid #404748;border-radius:8px;background:#101112;color:#f1f5f3;font-size:16px}button{padding:12px;border:0;border-radius:8px;background:#70e8b0;color:#101112;font:500 14px system-ui;cursor:pointer}:focus-visible{outline:2px solid #70e8b0;outline-offset:3px}@media(max-width:500px){main{margin:12vh 18px}}