.auth-page { min-height: 100vh; }
.auth-main { display: grid; min-height: 100vh; place-items: center; padding: 28px 18px; }
.auth-card { position: relative; width: min(560px, 100%); padding: 50px; overflow: hidden; border: 1px solid var(--line); border-radius: 32px; background: linear-gradient(145deg, rgba(10,42,64,.97), rgba(6,23,36,.95)); box-shadow: 0 36px 100px rgba(0,0,0,.38); text-align: center; }
.auth-card::after { position: absolute; right: -85px; bottom: -105px; width: 260px; height: 260px; border: 1px solid rgba(99,217,250,.12); border-radius: 50%; content: ''; box-shadow: 0 0 80px rgba(99,217,250,.06) inset; }
.auth-mark { position: relative; width: 58px; height: 58px; margin: 0 auto 26px; border-radius: 18px; font-size: 25px; }
.auth-card .eyebrow { margin-bottom: 14px; }
.auth-card h1 { font-size: clamp(38px, 7vw, 58px); line-height: 1.02; }
.auth-copy { max-width: 440px; margin: 22px auto 30px; color: var(--muted); font-size: 15px; line-height: 1.7; }
.discord-login-button { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; gap: 12px; width: min(330px, 100%); min-height: 56px; padding: 0 22px; border-radius: 16px; background: #5865f2; box-shadow: 0 14px 36px rgba(88,101,242,.3); color: white; font-size: 14px; font-weight: 800; text-decoration: none; transition: filter .2s, transform .2s; }
.discord-login-button:hover { filter: brightness(1.08); transform: translateY(-1px); }
.discord-login-button svg { width: 23px; height: 23px; }
.auth-note { position: relative; z-index: 1; max-width: 390px; margin: 24px auto 0; color: #6f8c9b; font-size: 11px; line-height: 1.6; }
.auth-error { position: relative; z-index: 1; margin: 18px auto 0; color: #ff9a9a; font-size: 12px; }
@media (max-width: 540px) { .auth-card { padding: 38px 24px; border-radius: 25px; } }