:root{--a:#D97706;--aL:#F59E0B;--aD:#B45309;--k:#18160F;--k2:#5C5751;--k3:#9A948C;--w:#fff;--bg:#F4F1EC;--brd:#E8E4DE}
*{box-sizing:border-box}

.qauth-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;background:#F4F1EC}
.qauth-logo{display:flex;margin-bottom:24px}
.qauth-logo img{height:15px;width:auto;display:block}

.qauth-card{width:100%;max-width:400px;background:var(--w);border-radius:20px;padding:32px 28px;box-shadow:0 4px 24px rgba(0,0,0,.06)}
.qauth-ttl{font-size:20px;font-weight:800;color:var(--k);margin-bottom:22px;letter-spacing:-.3px}

.qauth-alert{padding:12px 14px;border-radius:10px;font-size:12.5px;margin-bottom:16px;line-height:1.5}
.qauth-alert.info{background:#EFF6FF;color:#1D4ED8}
.qauth-alert.danger{background:#FEF2F2;color:#B91C1C}
.qauth-alert-ttl{font-weight:700;font-size:13px}
.qauth-alert-msg{margin-top:2px}

/* ── mevcut Bootstrap-ish form class'larını override et — JS'in class
   isimlerine bağlı toggle davranışına DOKUNMUYORUZ, sadece görünüm ── */
.qauth-form .form-group{margin-bottom:16px}
.qauth-form .input-label{display:block;font-size:12px;font-weight:700;color:var(--k);margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}
.qauth-form .form-control{width:100%;height:46px;padding:0 14px;background:var(--bg);border:1.5px solid transparent;border-radius:10px;font-size:14px;color:var(--k);outline:none;font-family:inherit;transition:all .15s}
.qauth-form .form-control:focus{background:var(--w);border-color:var(--a);box-shadow:0 0 0 3px rgba(217,119,6,.08)}
.qauth-form .form-control.is-invalid{border-color:#EF4444;background:#FEF2F2}
.qauth-form .invalid-feedback{display:block;font-size:11.5px;color:#EF4444;margin-top:4px}

/* email/mobil tip seçici (wizard-custom-radio) */
.qauth-form .wizard-custom-radio{background:var(--bg);border-radius:10px;padding:3px;gap:0}
.qauth-form .wizard-custom-radio-item{position:relative}
.qauth-form .wizard-custom-radio-item input[type="radio"]{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.qauth-form .wizard-custom-radio-item label{display:block;text-align:center;border-radius:8px;font-weight:700!important;color:var(--k3);margin:0;transition:all .15s}
.qauth-form .wizard-custom-radio-item input[type="radio"]:checked + label{background:var(--w);color:var(--aD);box-shadow:0 1px 3px rgba(0,0,0,.08)}

/* telefon alanı (mobile_field include'u genelde ülke kodu + input olur —
   var olan yapıyı bozmadan sadece input'u aynı .form-control diliyle hizala) */
.qauth-form select.form-control{background:var(--bg)}

.qauth-submit{width:100%;height:48px;margin-top:6px;background:linear-gradient(135deg,var(--aL),var(--a),var(--aD));color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;box-shadow:0 4px 14px rgba(217,119,6,.25);transition:all .15s}
.qauth-submit:hover{box-shadow:0 6px 18px rgba(217,119,6,.32);transform:translateY(-1px)}

.qauth-divider{display:flex;align-items:center;gap:10px;margin:20px 0 14px;color:var(--k3);font-size:11.5px}
.qauth-divider::before,.qauth-divider::after{content:'';flex:1;height:1px;background:var(--brd)}

.qauth-social{display:flex;align-items:center;justify-content:center;gap:10px;height:46px;border:1.5px solid var(--brd);border-radius:10px;text-decoration:none;color:var(--k);font-size:13.5px;font-weight:600;margin-bottom:10px;transition:all .15s}
.qauth-social:hover{background:var(--bg);color:var(--k)}
.qauth-social img{width:18px;height:18px}

.qauth-links{text-align:center;margin-top:16px;font-size:13px}
.qauth-links a{color:var(--a);font-weight:700;text-decoration:none}
.qauth-links.secondary{margin-top:8px;color:var(--k2)}
.qauth-links.secondary a{margin-left:4px}

.qauth-footer{margin-top:24px;font-size:11px;color:var(--k3)}