*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100svh;background:#000;color:#fff;font:16px/1.5 Geist,Inter,Arial,Helvetica,sans-serif;display:grid;place-items:center;padding:24px;background-image:radial-gradient(600px 600px at 15% 100%,rgba(158,110,229,.28),transparent 70%),radial-gradient(520px 520px at 90% 0,rgba(124,203,248,.18),transparent 72%)}
main{width:100%;max-width:528px;padding:48px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:24px;backdrop-filter:blur(20px)}.eyebrow{color:#DDA0F1;font-size:14px;margin:0 0 24px}h1{font-size:40px;line-height:1.2;font-weight:600;letter-spacing:-.02em;margin:0 0 24px}p{color:rgba(255,255,255,.8)}.detail{font-size:14px;color:rgba(255,255,255,.7)}#google-button{margin:32px 0 24px;min-height:44px}#status{min-height:48px}button,a{font:inherit}button{border:1px solid rgba(255,255,255,.15);border-radius:50px;padding:12px 24px;background:rgba(255,255,255,.08);color:white;cursor:pointer}button:hover{background:rgba(255,255,255,.12)}:focus-visible{outline:2px solid #7CCBF8;outline-offset:4px}a{color:#7CCBF8}button[disabled]{opacity:.6;cursor:wait}@media(max-width:480px){main{padding:32px 24px}h1{font-size:32px}}