@font-face{font-family:Roboto;src:url('/auth/assets/roboto-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/auth/assets/plex-mono-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#101915;--text:#f0f2ec;--muted:#b3bdb5;--accent:#d7ecc7;--ink:#142014;--border:#36443b;font-family:Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.35}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;padding:32px 24px 28px;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:10px;height:32px;flex-shrink:0;font-size:19px;font-weight:500}
.brand img{display:block;width:28px;height:28px}
main{width:100%;padding-top:140px;display:flex;justify-content:center}
.access{display:flex;flex-direction:column;gap:20px;width:100%;max-width:400px;min-width:0}
p,h1{margin:0}
.domain{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
h1{font-size:32px;font-weight:500;line-height:1.35}
.description{font-size:17px;color:var(--muted)}
button{font:500 16px/1.35 Roboto,Arial,sans-serif;min-height:56px;flex-shrink:0;width:100%;padding:14px 16px;background:var(--accent);color:var(--ink);border:0;border-radius:12px;cursor:pointer;transition:background-color 120ms,transform 80ms}
button:hover{background:#e3f4d7}
button:active{transform:translateY(1px)}
button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
button:disabled{cursor:wait;background:#afc5a1;color:#172414}
.device-note{font-size:13px;color:var(--muted)}
.feedback{padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:14px;color:var(--muted)}
[hidden]{display:none!important}
footer{margin-top:auto;padding-top:40px;font-size:12px;color:var(--muted)}
a{color:var(--accent)}
@media(max-width:500px){.access{max-width:none}}
@media(max-height:650px){main{padding-top:64px}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:active{transform:none}}