/* ============================================================
   Giriş / kayıt / şifre sayfaları — bölünmüş "art + form" yerleşimi
   (giris.html tasarımından uyarlandı)
   ============================================================ */
body.auth-body{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
.auth-art{
  background:var(--ink);color:var(--paper);padding:40px;display:flex;flex-direction:column;justify-content:space-between;
  position:relative;overflow:hidden;
}
.auth-art .brand{display:flex;align-items:center;gap:10px;color:var(--paper)}
.auth-art .mark{width:30px;height:30px;border-radius:8px;background:var(--accent);display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:6px}
.auth-art .mark i{background:var(--paper);border-radius:1px}
.auth-art .mark i:nth-child(5){background:transparent}
.auth-art .mark i:nth-child(9){background:var(--ink)}
.auth-art .wordmark{font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:-.02em}
.auth-art h2{font-family:var(--font-display);font-size:clamp(30px,3.4vw,46px);font-weight:600;letter-spacing:-.025em;line-height:1.06;max-width:420px}
.auth-art h2 em{font-style:italic;font-weight:400;color:var(--accent-2)}
.auth-art .quote{margin-top:22px;color:rgba(246,241,231,.65);max-width:400px;font-size:15px;line-height:1.6}
.auth-art .points{margin-top:22px;display:flex;flex-direction:column;gap:10px;font-size:14px;color:rgba(246,241,231,.8)}
.auth-art .points div{display:flex;align-items:center;gap:10px}
.auth-art .points .ico{color:var(--accent-2)}
.auth-art .foot{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.5}
.auth-ticket{
  position:absolute;right:-30px;top:50%;transform:translateY(-50%) rotate(8deg);width:280px;
  background:var(--white);color:var(--ink);padding:22px;font-family:var(--font-mono);font-size:12px;
  box-shadow:var(--shadow-lg);
}
.auth-ticket::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:8px;background:radial-gradient(circle at 6px 0, transparent 5px, var(--white) 5.5px) 0 0/12px 8px repeat-x}
.auth-ticket b{font-family:var(--font-display);font-size:16px;display:block;margin-bottom:10px}
.auth-ticket .l{display:flex;justify-content:space-between;padding:3px 0}
.auth-ticket .s{border-top:1px dashed var(--line-2);margin:8px 0}
.auth-wrap{display:flex;align-items:center;justify-content:center;padding:40px 24px}
.auth-form{width:100%;max-width:440px}
.auth-form.wide{max-width:520px}
.auth-form h1{font-family:var(--font-display);font-size:34px;font-weight:600;letter-spacing:-.025em;margin:16px 0 6px}
.auth-form .sub{color:var(--ink-3);margin-bottom:26px}
.auth-form .stack{gap:16px}
.auth-form .row{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.auth-form .row a{color:var(--accent-ink);font-weight:500}
.auth-form .back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-3)}
.auth-form .back:hover{color:var(--ink)}
.auth-form .sec{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:22px 0 12px;display:flex;align-items:center;gap:10px}
.auth-form .sec::after{content:"";flex:1;height:1px;background:var(--line)}
.auth-form .sec:first-of-type{margin-top:4px}
.auth-form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.auth-form .foot-link{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);text-align:center}
.auth-form .foot-link a{color:var(--ink);font-weight:600}
/* Tek kart (ödeme sonucu vb.) */
body.auth-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;
  background:var(--paper);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:18px 18px}
.auth-card{width:100%;max-width:440px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:34px 30px}
.auth-card.wide{max-width:640px}
.auth-card .ic{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.auth-card .ic .ico{width:28px;height:28px}
.auth-card .ic.ok{background:var(--sage-soft);color:var(--sage)}
.auth-card .ic.bad{background:#F6D9D6;color:var(--danger)}
.auth-card .ic.neutral{background:var(--paper-2);color:var(--ink)}
.auth-card h1{font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:-.02em;text-align:center}
.auth-card .sub{color:var(--ink-3);text-align:center;margin-top:6px;margin-bottom:22px;font-size:14px}
.auth-card .brand-line{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:18px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.auth-card .brand-line i{width:10px;height:10px;background:var(--accent);border-radius:2px;display:inline-block}
@media (max-width:860px){
  body.auth-body{grid-template-columns:1fr}
  .auth-art{min-height:220px;padding:26px}
  .auth-art h2{font-size:28px}
  .auth-ticket,.auth-art .quote,.auth-art .points{display:none}
  .auth-form .two{grid-template-columns:1fr}
}