/* =============================================
   SU Signal — Auth / Landing Page (auth.css)
   ============================================= */

.auth-page {
  min-height: 100vh;
  display: flex; align-items: center; justify-content: center;
  padding: var(--space-lg);
  background: var(--grad-bg);
  position: relative;
}
.auth-page::before {
  content:''; position:fixed; inset:0;
  background:
    radial-gradient(ellipse at 30% 30%, rgba(0,240,255,0.06) 0%, transparent 55%),
    radial-gradient(ellipse at 70% 70%, rgba(168,85,247,0.06) 0%, transparent 55%);
  pointer-events:none;
}

.auth-container {
  width:100%; max-width:420px;
  position:relative; z-index:1;
}

.auth-logo {
  text-align:center; margin-bottom:var(--space-xl);
}
.auth-logo .logo-icon { font-size:56px; display:block; margin-bottom:var(--space-md); animation:float 3s ease-in-out infinite; }
.auth-logo h1 { font-family:'Outfit',sans-serif; font-size:2rem; font-weight:900; }
.auth-logo h1 span { color:var(--accent-cyan); }
.auth-logo p { color:var(--text-muted); font-size:0.9rem; margin-top:4px; }

.auth-card {
  background:var(--bg-glass);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid var(--border-color);
  border-radius:var(--radius-xl);
  padding:var(--space-xl);
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}

/* State pages (not_registered, banned, etc.) */
.state-page {
  text-align:center; width:100%; max-width:400px;
  position:relative; z-index:1;
}
.state-page .state-icon { font-size:72px; margin-bottom:var(--space-lg); display:block; }
.state-page h2 { margin-bottom:var(--space-md); }
.state-page p { margin-bottom:var(--space-lg); }

/* Feature list on landing */
.feature-list { list-style:none; }
.feature-list li {
  display:flex; align-items:center; gap:12px;
  padding:10px 0; border-bottom:1px solid var(--border-color);
  font-size:0.88rem; color:var(--text-secondary);
}
.feature-list li:last-child { border:none; }
.feature-list li span:first-child { font-size:1.1rem; flex-shrink:0; }

/* Glow border on special pages */
.glow-border-cyan { border-color:rgba(0,240,255,0.3) !important; box-shadow:0 0 30px rgba(0,240,255,0.1); }
.glow-border-red  { border-color:rgba(255,71,87,0.3) !important;  box-shadow:0 0 30px rgba(255,71,87,0.1); }

/* Version badge */
.version-badge {
  display:inline-flex; align-items:center; gap:6px;
  padding:4px 12px; border-radius:var(--radius-full);
  background:rgba(255,255,255,0.05); border:1px solid var(--border-color);
  font-size:0.72rem; color:var(--text-muted);
  margin-top:var(--space-md);
}