/* ============================================================
   auth.css — Kullanıcı giriş/kayıt ekranı (index.html)
   ============================================================ */
#auth{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;
  background:
    radial-gradient(700px 400px at 80% 0%,rgba(var(--brand-2-rgb),.18),transparent 55%),
    radial-gradient(700px 460px at 15% 100%,rgba(var(--brand-rgb),.20),transparent 55%),
    var(--bg)}
.auth-card{width:100%;max-width:440px;background:var(--glass);border:1px solid var(--line);border-radius:24px;
  padding:30px 32px 26px;box-shadow:var(--shadow);backdrop-filter:blur(20px);position:relative}
.auth-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.auth-brand{display:flex;align-items:center;gap:11px}
.auth-brand img{height:32px;max-width:170px;object-fit:contain}
.auth-brand .fallback{display:flex;align-items:center;gap:10px}
.auth-brand .word{font-weight:700;font-size:17px}
.auth-brand .word b{font-weight:300;color:var(--muted)}

.auth-title{font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0 0 4px}
.auth-sub{color:var(--muted);font-size:13.5px;margin-bottom:20px}

.auth-tabs{display:flex;gap:6px;background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:12px;padding:5px;margin-bottom:20px}
.auth-tabs button{flex:1;border:none;background:transparent;color:var(--muted);font-weight:700;font-size:14px;padding:10px;border-radius:9px;transition:.13s}
.auth-tabs button.on{background:var(--grad);color:#fff;box-shadow:var(--shadow-brand-sm)}

.row-between{display:flex;align-items:center;justify-content:space-between;margin:4px 0 18px}
.auth-link{background:none;border:none;color:var(--vio2);font-weight:600;font-size:13px;padding:0;cursor:pointer}
.auth-link:hover{text-decoration:underline}

.auth-msg{margin-top:13px;font-size:13px;min-height:18px;text-align:center}
.auth-msg.ok{color:var(--ok)} .auth-msg.bad{color:var(--err)}

.auth-foot{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:center;align-items:center;font-size:12.5px;color:var(--faint)}
.pane{display:none}
.pane.on{display:block}