/* Tam ekran, üstte beyaz boşluk yok */
html,body{height:100%;margin:0}
.auth-body{min-height:100vh;background:
 radial-gradient(1200px 700px at 20% 10%, #2b0f2a 0%, transparent 60%),
 radial-gradient(900px 600px at 80% 20%, #0c2146 0%, transparent 60%),
 linear-gradient(135deg,#1a0f2a 0%, #0c2146 40%, #0e4ad8 100%);
 display:flex;align-items:center;justify-content:center;padding:24px}

/* Ortalayıcı */
.auth-wrap{width:100%;max-width:1200px}

/* Hero alanı */
.login-hero{display:flex;align-items:center;justify-content:center;min-height:88vh}

/* Glass card */
.glass-card{
  width:min(520px,92vw);
  padding:32px 28px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.10));
  border:1px solid rgba(255,255,255,.25);
  box-shadow: 0 20px 60px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.25);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  color:#eaf2ff;
}
.title{margin:8px 0 12px;font-size:22px;font-weight:600}
.muted{color:#d2dbffb3;text-decoration:none}

/* Avatar siluet */
.avatar{
  width:96px;height:96px;border-radius:999px;margin:8px auto 12px;
  background: radial-gradient(50% 50% at 50% 35%, #e6eefc 0%, #cbd7f580 60%, transparent 61%),
              radial-gradient(50% 50% at 50% 70%, #d7e4ff 0%, transparent 70%);
  opacity:.9;
}

/* Form alanları */
.auth-form{margin-top:8px}
.form-group{margin-bottom:16px}
.field{display:flex;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.25);
  border-radius:14px;padding:10px 12px}
.field input{
  background:transparent;border:0;outline:none;color:#fff;flex:1;font-size:15px
}
.field.with-icon .icon{margin-right:8px;color:#e6eefc99}
label{display:block;margin:0 0 6px 4px;font-size:12px;color:#dbe6ff}

.checkbox{display:flex;align-items:center;gap:8px;color:#dbe6ff;font-size:13px}
.form-row{display:flex;align-items:center;justify-content:space-between;margin:6px 2px 10px}

/* Hata mesajları */
.field-error{display:block;color:#ffb3b3;font-size:12px;margin:6px 4px 0}
.summary{color:#ffd6d6;font-size:13px;margin-top:6px}

/* Buton */
.btn-primary{
  width:100%;padding:12px 16px;border-radius:14px;border:0;cursor:pointer;
  background:linear-gradient(135deg,#4b2dd6,#0e4ad8);color:#fff;font-weight:600;letter-spacing:.5px;
  box-shadow:0 10px 30px rgba(14,74,216,.35)
}
.btn-primary:hover{transform:translateY(-1px)}