*,:after,:before{box-sizing:border-box}body,html{background-color:var(--color-black)}body{margin:0;font-family:var(--font-family-body);background-image:var(--gradient-body);color:var(--color-foreground);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}a{color:inherit;text-decoration:none}button{font:inherit}.hero{max-width:420px;width:100%;text-align:center}.card{background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;padding:2.5rem;box-shadow:0 20px 40px var(--card-shadow-color);display:flex;flex-direction:column;gap:1.5rem}.card h1{margin:0;font-size:var(--font-size-hero-title)}.card p{margin:0;color:var(--text-muted)}.cta{margin:0 auto;padding:.75rem 1.5rem;border-radius:999px;border:none;background:var(--gradient-cta);color:var(--color-background);font-size:var(--font-size-cta);font-weight:var(--font-weight-cta);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.cta:disabled{cursor:progress;opacity:.7}.cta:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 20px var(--cta-shadow-color)}.auth-state{display:flex;flex-direction:column;gap:.75rem;align-items:center}footer{margin-top:1.5rem;color:var(--footer-muted)}code{background:var(--code-background);padding:.2rem .4rem;border-radius:6px}