/* ── AUTH PAGES — Wise-style ── */
.auth-page {
  min-height:100vh; display:flex; align-items:center;
  justify-content:center; padding:var(--sp-md);
  background:var(--dark-bg);
}
.auth-page::before {
  content:''; position:fixed; inset:0; z-index:0;
  background:
    radial-gradient(ellipse 55% 45% at 80% 15%, rgba(0,185,165,.1) 0%, transparent 70%),
    radial-gradient(ellipse 45% 55% at 15% 85%, rgba(0,153,204,.07) 0%, transparent 70%);
  pointer-events:none;
}
.auth-container { position:relative; z-index:1; width:100%; max-width:1060px; }
.auth-shapes,.auth-shapes .shape { z-index:0; pointer-events:none; }

.auth-wrapper {
  display:grid; grid-template-columns:1fr 1.25fr;
  background:var(--card-bg);
  border-radius:var(--r-xl); overflow:hidden;
  box-shadow:var(--shadow-xl); border:1px solid var(--border-color);
}
.auth-sidebar {
  padding:3rem 2.5rem;
  background:linear-gradient(145deg, #0a1f3c 0%, #0d2a50 50%, #092040 100%);
  color:white; display:flex; flex-direction:column; justify-content:center;
  position:relative; overflow:hidden;
}
.auth-sidebar::before {
  content:''; position:absolute; top:-60px; right:-60px;
  width:240px; height:240px;
  background:radial-gradient(circle, rgba(0,185,165,.2) 0%, transparent 70%);
  border-radius:50%;
}
.auth-sidebar::after {
  content:''; position:absolute; bottom:-60px; left:-40px;
  width:200px; height:200px;
  background:radial-gradient(circle, rgba(0,153,204,.15) 0%, transparent 70%);
  border-radius:50%;
}
.auth-brand {
  display:flex; align-items:center; gap:.75rem;
  font-size:1.7rem; font-weight:900; letter-spacing:-.04em;
  margin-bottom:2rem; position:relative; z-index:1;
  color:white;
}
.auth-brand i { color:var(--green); font-size:1.6rem; }
.auth-brand span { background:linear-gradient(135deg,#00b9a5,#0099cc); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.auth-sidebar h2 { font-size:1.9rem; margin-bottom:1rem; position:relative; z-index:1; }
.auth-sidebar p { color:rgba(255,255,255,.65); font-size:.95rem; line-height:1.7; margin-bottom:1.8rem; position:relative; z-index:1; }

.auth-features { list-style:none; margin-bottom:2rem; position:relative; z-index:1; }
.auth-features li {
  display:flex; align-items:center; gap:.7rem;
  padding:.55rem 0; color:rgba(255,255,255,.8);
  font-size:.9rem; border-bottom:1px solid rgba(255,255,255,.06);
}
.auth-features li:last-child { border-bottom:none; }
.auth-features i { color:var(--green); width:16px; flex-shrink:0; }

.auth-stats { display:flex; gap:1.5rem; position:relative; z-index:1; }
.auth-stat-num { font-size:1.6rem; font-weight:800; color:var(--green); }
.auth-stat-label { font-size:.78rem; color:rgba(255,255,255,.5); }

/* ── FORM SIDE ── */
.auth-form-side { padding:2.8rem 2.5rem; }
.auth-form-side h3 { font-size:1.5rem; font-weight:800; margin-bottom:.4rem; }
.auth-form-side p { color:var(--text-secondary); font-size:.9rem; margin-bottom:2rem; }

.auth-form .form-group { margin-bottom:1rem; }
.auth-form label { display:block; font-size:12px; font-weight:700; color:var(--text-secondary); margin-bottom:5px; letter-spacing:.03em; text-transform:uppercase; }
.auth-form input {
  width:100%; padding:.8rem 1rem;
  background:rgba(255,255,255,.04); border:1.5px solid var(--border-color);
  border-radius:var(--r-md); color:var(--text-primary);
  font-size:.95rem; font-family:var(--font); transition:.2s;
}
.auth-form input:focus { outline:none; border-color:var(--green); background:rgba(0,185,165,.03); }

.auth-submit {
  width:100%; padding:.9rem; margin-top:1.2rem;
  background:var(--green); color:var(--navy);
  border:none; border-radius:var(--r-md); font-size:1rem; font-weight:800;
  cursor:pointer; font-family:var(--font); transition:.2s; letter-spacing:-.01em;
}
.auth-submit:hover { background:var(--green-dark); transform:translateY(-1px); }

.auth-divider { display:flex; align-items:center; gap:1rem; margin:1.2rem 0; }
.auth-divider::before,.auth-divider::after { content:''; flex:1; height:1px; background:var(--border-color); }
.auth-divider span { font-size:.82rem; color:var(--text-muted); }

.auth-link { text-align:center; margin-top:1.2rem; font-size:.9rem; color:var(--text-secondary); }
.auth-link a { color:var(--green); font-weight:700; }
.auth-link a:hover { text-decoration:underline; }

.alert { padding:.9rem 1rem; border-radius:var(--r-md); font-size:.9rem; margin-bottom:1rem; }
.alert-success { background:rgba(0,185,165,.1); color:var(--green); border:1px solid rgba(0,185,165,.2); }
.alert-danger  { background:rgba(239,68,68,.1);  color:#ef4444;   border:1px solid rgba(239,68,68,.2); }
.alert-warning { background:rgba(245,158,11,.1); color:#f59e0b;   border:1px solid rgba(245,158,11,.2); }

@media(max-width:768px){
  .auth-wrapper { grid-template-columns:1fr; }
  .auth-sidebar { display:none; }
  .auth-form-side { padding:2rem 1.5rem; }
}