/* ============================================================
   sadesite — Giriş / Kayıt sayfaları (mobil-öncelikli)
   ============================================================ */
:root{
  --bg:#faf7f2; --surface:#ffffff; --ink:#2a2520; --muted:#8a8079; --line:#ece4d8;
  --brand:#b0875a; --brand-deep:#8a6a44; --brand-soft:#f5efe6; --danger:#c0392b; --ok:#2e7d52;
  --sans:"Jost","Helvetica Neue",Arial,sans-serif; --serif:"Playfair Display",Georgia,serif;
}
*{box-sizing:border-box;}
body.auth-body{
  margin:0; font-family:var(--sans); min-height:100vh; display:flex; align-items:center; justify-content:center;
  background:radial-gradient(1200px 600px at 80% -10%, #f3e7d3 0%, transparent 60%), linear-gradient(135deg,#faf7f2,#f1e8da);
  color:var(--ink); padding:24px; -webkit-font-smoothing:antialiased;
}
.auth-card{
  background:var(--surface); width:100%; max-width:440px; border-radius:20px;
  box-shadow:0 24px 64px rgba(42,37,32,.16); padding:38px 34px; border:1px solid var(--line);
}
.auth-card.wide{max-width:540px;}
.auth-brand{text-align:center; margin-bottom:22px;}
.auth-brand .wordmark{font-family:var(--serif); font-size:30px; font-weight:600; color:var(--brand-deep); letter-spacing:.5px;}
.auth-card h1{font-family:var(--serif); font-size:24px; font-weight:600; text-align:center; margin:0 0 6px;}
.auth-card .lead{text-align:center; color:var(--muted); font-size:14px; margin:0 0 24px;}
.field{margin-bottom:15px;}
.field label{display:block; font-size:13px; color:var(--muted); margin-bottom:6px; font-weight:500;}
.field .with-icon{position:relative;}
.field .with-icon i{position:absolute; left:14px; top:50%; transform:translateY(-50%); color:var(--muted); font-size:15px;}
.field .with-icon input{padding-left:42px;}
.field input{
  width:100%; padding:13px 14px; border:1px solid var(--line); border-radius:11px;
  font-family:var(--sans); font-size:15px; background:#fff; color:var(--ink); transition:border-color .2s,box-shadow .2s;
}
.field input:focus{outline:none; border-color:var(--brand); box-shadow:0 0 0 3px var(--brand-soft);}
.auth-row{display:flex; gap:14px;}
.auth-row .field{flex:1;}
.auth-btn{
  width:100%; padding:14px; border:0; border-radius:11px; background:var(--brand); color:#fff;
  font-size:15px; font-weight:500; cursor:pointer; font-family:var(--sans); transition:background .2s,transform .1s; margin-top:4px;
}
.auth-btn:hover{background:var(--brand-deep);}
.auth-btn:active{transform:translateY(1px);}
.auth-btn:disabled{opacity:.65; cursor:wait;}
.auth-alt{text-align:center; margin-top:20px; font-size:14px; color:var(--muted);}
.auth-alt a{color:var(--brand-deep); font-weight:600;}
.auth-foot{text-align:center; margin-top:16px;}
.auth-foot a{color:var(--muted); font-size:13px;}
.auth-note{font-size:12.5px; color:var(--muted); line-height:1.5; margin:4px 0 18px;}
.auth-note a{color:var(--brand-deep);}
.auth-check{display:flex; align-items:flex-start; gap:9px; font-size:12.5px; color:var(--muted); line-height:1.5; margin-bottom:18px;}
.auth-check input{margin-top:2px;}
.auth-alert{border-radius:11px; padding:12px 14px; font-size:14px; margin-bottom:16px; display:none;}
.auth-alert.show{display:block;}
.auth-alert.err{background:#fdecea; color:var(--danger); border:1px solid #f3c9c3;}
.auth-alert.ok{background:#e8f6ee; color:var(--ok); border:1px solid #bfe3cd;}
@media (max-width:480px){
  .auth-card{padding:28px 20px; border-radius:16px;}
  .auth-row{flex-direction:column; gap:0;}
}