/* Superlist-style Auth (dark glass, gradient grid) */
.auth-superlist{
  --bg1:#0b0f16;
  --bg2:#0f1522;
  --glass:#111827cc;
  --border:#1f2937;
  --accent:#ffe14d;
  --cta:#ffd84d;
  background: radial-gradient(1200px 600px at 10% 0%, #142034 0%, transparent 60%) , var(--bg1);
  color:#e5e7eb;
  min-height:100vh;
}

/* soft grid lines */
.gradient-bg::before{
  content:""; position:fixed; inset:0;
  background:
    linear-gradient(transparent 95%, rgba(255,255,255,.04) 96%, transparent 97%) 0 0/100% 32px,
    linear-gradient(90deg, transparent 95%, rgba(255,255,255,.04) 96%, transparent 97%) 0 0/32px 100%;
  pointer-events:none;
}

/* Glass card */
.glass-card{
  background: linear-gradient(180deg, rgba(24,31,45,.85), rgba(16,22,34,.85));
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  box-shadow: 0 30px 80px rgba(0,0,0,.45);
}

/* Social buttons */
.btn-social{
  border-color: rgba(255,255,255,.15);
  color:#d1d5db;
  background:rgba(255,255,255,.03);
}
.btn-social:hover{ background:rgba(255,255,255,.06); }

/* Input fields – dark */
.dark-field .input-group-text{
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); color:#d1d5db;
}
.dark-field .form-control{
  background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.12); color:#e5e7eb;
}
.dark-field .form-control::placeholder{ color:#9aa3b2 }
.btn-eye{
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); color:#d1d5db;
}

/* CTA button */
.btn-cta{
  background: linear-gradient(90deg, #ffe14d, #ffd54d);
  color:#111827; font-weight:600; border:0; padding:.9rem 1rem; border-radius:10px;
  box-shadow: 0 10px 30px rgba(255,209,77,.25);
}
.btn-cta:hover{ filter: brightness(1.03); }

/* Left column */
.brand strong{ color:#fff }
.feat-list small{ color:#9aa4b2 }
.link-light-subtle{ color:#e5e7eb }
.link-light-subtle:hover{ color:#fff }