#appShell[hidden],#authGate[hidden]{display:none!important}
.sign-in-page{min-height:100vh;display:grid;place-items:center;background:#f5f7fb;margin:0;padding:24px;box-sizing:border-box}
.sign-in-card{width:min(100%,440px);padding:32px 20px;box-sizing:border-box}
.sign-in-card h1{font-size:2rem;line-height:1.15;margin:32px 0 12px;letter-spacing:-.03em}
.sign-in-card>p{font-size:1rem;line-height:1.6;color:#515b6b}
#clerkSignIn{margin-top:24px;display:flex;justify-content:center}
.auth-footnote{font-size:.875rem!important;margin-top:24px}
#authGate{min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center}
#authGate p{font-size:1rem;line-height:1.6;max-width:440px;margin:0}
#authUserButton{margin-left:12px;flex-shrink:0}
#authMessage{line-height:1.6;font-size:1rem}
@media(max-width:500px){.sign-in-page{padding:12px}.sign-in-card{padding:24px 8px}.sign-in-card h1{font-size:1.75rem}}