:root{--ink:#131418;--ink-2:#1C1E25;--fg:#F2F3F6;--dim:#A3ABBA;--line:rgba(242,243,246,.12);--red:#E8363F;--navy:#1E3557;color-scheme:dark}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{background:radial-gradient(90% 70% at 80% 0%,rgba(232,54,63,.22),transparent 55%),linear-gradient(160deg,var(--navy) 0%,var(--ink) 60%);background-color:var(--ink);color:var(--fg);font-family:"Archivo",system-ui,sans-serif;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px))}
.card{width:100%;max-width:400px;background:rgba(28,30,37,.9);border:1px solid var(--line);border-radius:22px;padding:40px 32px;text-align:center}
.logo{display:inline-flex;align-items:baseline;gap:3px;text-decoration:none;color:inherit}
.logo .s{font-family:"DM Serif Display",Georgia,serif;color:var(--red);font-size:44px}
.logo .c{font-weight:800;font-stretch:115%;font-size:38px}
h1{font-weight:850;font-stretch:68%;text-transform:uppercase;font-size:44px;line-height:.95;margin:28px 0 10px}
p{color:var(--dim);margin:0 0 28px;font-size:15px}
.g{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:50px;border-radius:999px;border:0;background:#fff;color:#1f1f1f;font:600 15px "Archivo",system-ui,sans-serif;cursor:pointer}
.g:hover{background:#f1f3f4}
.g:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.back{display:inline-block;margin-top:26px;color:var(--dim);font-size:14px;text-decoration:none}
.back:hover{color:var(--fg)}
small{display:block;margin-top:22px;font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--dim);letter-spacing:.06em}