/* Team Forge — Auth sayfaları ortak stili (Phase 1). Marka dili: siyah + altın. */
:root{
  --bg:#0a0a0a; --panel:#141416; --line:rgba(255,255,255,0.10); --line-soft:rgba(255,255,255,0.06);
  --gold:#d4af37; --gold-2:#c9a227; --gold-dim:rgba(212,175,55,0.12);
  --text:#fff; --muted:#b8b8b8; --danger:#e5534b; --ok:#3fb37f;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scrollbar-gutter:stable}
body{
  min-height:100vh; background:
    radial-gradient(900px 500px at 50% -10%, rgba(212,175,55,0.10), transparent 60%),
    var(--bg);
  color:var(--text); font-family:'Inter',system-ui,sans-serif; line-height:1.6;
  display:flex; align-items:center; justify-content:center; padding:32px 18px;
  -webkit-font-smoothing:antialiased;
}
.auth-card{
  width:100%; max-width:420px; background:linear-gradient(180deg,#141416,#0e0e10);
  border:1px solid var(--line); border-radius:18px; padding:34px 28px 30px;
  box-shadow:0 30px 80px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.04);
}
.auth-logo{display:flex; justify-content:center; margin-bottom:18px}
.auth-logo img{height:38px; width:auto}
.auth-head{text-align:center; margin-bottom:22px}
.auth-eyebrow{color:var(--gold-2); letter-spacing:0.22em; text-transform:uppercase; font-size:0.72rem; font-weight:600}
.auth-title{font-family:'Oswald',sans-serif; text-transform:uppercase; font-weight:700; letter-spacing:0.02em; font-size:1.7rem; margin-top:8px}
.auth-sub{color:var(--muted); font-size:0.92rem; margin-top:8px}
.auth-field{margin-bottom:14px}
.auth-field label{display:block; font-size:0.82rem; color:var(--muted); margin-bottom:6px; letter-spacing:0.02em}
.auth-field input{
  width:100%; background:#0c0c0d; border:1px solid var(--line); color:var(--text);
  border-radius:10px; padding:12px 14px; font-family:inherit; font-size:0.98rem; transition:border-color .2s, box-shadow .2s;
}
.auth-field input:focus{outline:none; border-color:var(--gold); box-shadow:0 0 0 3px var(--gold-dim)}
.auth-btn{
  width:100%; display:inline-flex; align-items:center; justify-content:center; gap:8px; cursor:pointer;
  font-family:'Inter',sans-serif; font-weight:600; font-size:0.98rem; letter-spacing:0.02em;
  padding:13px 20px; border-radius:999px; border:1px solid transparent; margin-top:6px;
  background:linear-gradient(135deg,#e9cf82,var(--gold)); color:#1a1a1a;
  box-shadow:0 8px 22px rgba(212,175,55,0.24); transition:transform .15s, box-shadow .2s, opacity .2s;
}
.auth-btn:hover{transform:translateY(-1px)}
.auth-btn:disabled{opacity:.6; cursor:not-allowed; transform:none}
.auth-links{margin-top:18px; text-align:center; font-size:0.9rem; color:var(--muted)}
.auth-links a{color:var(--gold); text-decoration:none}
.auth-links a:hover{text-decoration:underline}
.auth-row{display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:14px; font-size:0.88rem}
.auth-msg{margin-top:16px; padding:11px 14px; border-radius:10px; font-size:0.9rem; display:none}
.auth-msg.show{display:block}
.auth-msg.err{background:rgba(229,83,75,0.12); border:1px solid rgba(229,83,75,0.4); color:#f2b8b3}
.auth-msg.ok{background:rgba(63,179,127,0.12); border:1px solid rgba(63,179,127,0.4); color:#bfe8d4}
.auth-msg.info{background:rgba(212,175,55,0.10); border:1px solid rgba(212,175,55,0.35); color:#eadfb8}
.auth-back{display:block; text-align:center; margin-top:20px; font-size:0.85rem; color:var(--muted); text-decoration:none}
.auth-back:hover{color:var(--gold)}
.auth-hint{font-size:0.78rem; color:#8a8676; margin-top:6px}