/* Login Sayfası Özel Stilleri */

/* 05.10.2026 font geçişi: Cormorant + DM Mono geçersiz kılması SİLİNDİ —
   token'lar core/tokens.css / all-styles.css'ten gelir. */

.login-container{max-width:400px;margin:0 auto;padding:40px 20px}
.login-header{text-align:center;margin-bottom:32px}
.login-header h1{font-size:var(--fs-h1);font-weight:400;margin-bottom:8px}
.login-header p{font-size:14px;color:var(--muted)}

/* ─── TABS ─── */
.login-tabs{display:flex;gap:8px;margin-bottom:24px;background:var(--s2);padding:4px;border-radius:12px}
.tab{flex:1;padding:10px;background:transparent;border:none;border-radius:8px;font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.05em;text-transform:none;cursor:pointer;transition:all .2s}
.tab.active{background:var(--s1);color:var(--ak)}

/* ─── PANELS ─── */
.login-panel{display:none}
.login-panel.active{display:block}

/* ─── LOGIN METHOD ─── */
.login-method{display:flex;gap:8px;margin-bottom:16px}
.method-btn{flex:1;padding:12px;background:var(--s2);border:1px solid var(--b2);border-radius:10px;font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.05em;text-transform:none;cursor:pointer;transition:all .2s}
.method-btn.active{border-color:var(--ak);background:color-mix(in srgb, var(--ak) 8%, transparent);color:var(--ak)}

/* ─── FORGOT LINK ─── */
.forgot-link{display:inline-block;margin-top:8px;font-family:var(--mono);font-size:12px;color:var(--ak);text-decoration:none;letter-spacing:.05em;background:none;border:0;padding:6px 0;cursor:pointer}
.forgot-link:hover{opacity:.7}

/* ─── MAGIC LINK INFO ─── */
.magic-info{text-align:center;padding:20px;background:color-mix(in srgb, var(--ak) 8%, transparent);border:1px solid color-mix(in srgb, var(--ak) 20%, transparent);border-radius:12px;margin-bottom:16px}
.magic-icon{font-size:48px;margin-bottom:12px}
.magic-info p{font-size:13px;color:var(--dim);line-height:1.6}

/* ─── 18 YAŞ + KOŞULLAR BEYANI (Y4, 30.09.2026) ───
   Kutu önceden işaretli DEĞİL; işaretlenmeden kayıt düğmesi uyarı verir
   (login.js). Dokunma alanı satırın tamamı (label), kutu 20 px. */
.onay-kutu{display:flex;align-items:flex-start;gap:10px;margin:4px 0 16px;cursor:pointer;
  font-size:14px;line-height:1.5;color:var(--dim)}
.onay-kutu input{flex:0 0 auto;width:20px;height:20px;margin:1px 0 0;accent-color:var(--ak);cursor:pointer}
.onay-kutu a{color:var(--ak);text-decoration:underline;text-underline-offset:2px}
.onay-kutu input:focus-visible{outline:2px solid var(--ak);outline-offset:2px}