.login-page{background:radial-gradient(circle at 50% 18%, #01e2e314, transparent 32rem), var(--background);flex-direction:column;justify-content:center;align-items:center;gap:26px;min-height:100dvh;padding:32px 20px;display:flex}.login-brand{align-items:center;gap:13px;display:inline-flex}.login-brand .brand-symbol{width:34px;height:38px}.login-brand .brand-name{font-size:1.65rem}.login-card{--card-spacing:24px;background:var(--card);width:min(430px,100vw - 40px);box-shadow:var(--shadow-panel)}.login-title{font-size:1.25rem}.login-content,.login-provider-list{flex-direction:column;gap:12px;display:flex}.login-provider-button{justify-content:flex-start;width:100%;height:46px;padding-inline:15px}.login-provider-button svg[data-provider=discord]{color:var(--brand-discord)}.login-provider-button svg[data-provider=twitch]{color:var(--brand-twitch)}.login-provider-button svg[data-provider=google]{color:var(--foreground)}.login-loading{min-height:94px;color:var(--muted-foreground);justify-content:center;align-items:center;gap:10px;font-size:.88rem;display:flex}.login-footer{color:var(--text-subtle);align-items:flex-start;gap:9px;font-size:.72rem;line-height:1.45}.login-footer svg{flex:none;width:15px;height:15px;margin-top:1px}