/* Pantalla de acceso. */
.login-body {
  display: grid;
  place-items: center;
  min-height: 100vh;
  background:
    radial-gradient(1200px 600px at 15% 10%, rgba(91, 140, 255, 0.25), transparent 60%),
    radial-gradient(1000px 700px at 85% 90%, rgba(138, 91, 255, 0.22), transparent 60%),
    var(--bg);
  padding: 20px;
}
.login-card {
  width: 100%;
  max-width: 380px;
  background: var(--surface-glass);
  backdrop-filter: blur(18px);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 34px 30px;
}
.brand { text-align: center; margin-bottom: 26px; }
.brand-logo { width: 66px; height: 66px; margin-bottom: 12px; filter: drop-shadow(0 0 26px rgba(91, 140, 255, 0.5)); }
.brand-mark { display: block; font-size: 2.2rem; font-weight: 800; letter-spacing: -1px; margin: 0; }
.brand-mark b {
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.brand-sub { color: var(--text-dim); margin: 6px 0 0; font-size: 0.9rem; }
.login-card .btn { width: 100%; margin-top: 6px; padding: 12px; }