/* ============================================================
   Takasal — Modern Giriş / Kayıt / Şifremi Unuttum
   Tüm kurallar .auth altında izole; markup/JS hook'larına dokunmaz.
   Marka: sarı (#f5b301) + siyah, modern & temiz.
   ============================================================ */

.auth {
    --a-yellow: #f5b301;
    --a-yellow-dark: #d99a00;
    --a-ink: #15171c;
    --a-text: #2c2f36;
    --a-muted: #8a8f99;
    --a-border: #e9ebef;
    --a-soft: #f6f7f9;

    background:
        radial-gradient(900px 420px at 82% -10%, #fff8e6 0%, rgba(255,248,230,0) 60%),
        linear-gradient(180deg, #ffffff 0%, var(--a-soft) 100%);
    min-height: calc(100vh - 130px);
    display: flex;
    align-items: center;
    padding: 48px 0 !important;
}
.auth *, .auth *::before, .auth *::after { box-sizing: border-box; }

/* Kart */
.auth .white-box {
    background: #fff;
    border: 1px solid var(--a-border);
    border-radius: 22px;
    box-shadow: 0 18px 55px rgba(20, 23, 28, .10);
    padding: 36px 32px !important;
}

/* Başlık */
.auth h1 { font-size: 26px; font-weight: 800; color: var(--a-ink); letter-spacing: -.02em; margin-top: 0 !important; }
.auth h1 + p, .auth p.fs-14 { color: var(--a-muted); font-size: 14.5px; margin-bottom: 4px; }

/* Girdiler */
.auth .input-group {
    border: 1px solid var(--a-border); border-radius: 12px; overflow: hidden; background: #fff;
    transition: border-color .15s ease, box-shadow .15s ease; margin-bottom: 14px !important;
}
.auth .input-group:focus-within { border-color: var(--a-yellow); box-shadow: 0 0 0 3px rgba(245, 179, 1, .16); }
.auth .input-group-text { background: #fff; border: 0; color: var(--a-muted); padding-left: 15px; }
.auth .form-control {
    border: 0; box-shadow: none !important; padding: 12px 12px; font-size: 14.5px; color: var(--a-text);
}
.auth .form-control::placeholder { color: #b3b8c0; font-weight: 400; }

/* Buton */
.auth .btn-yellow {
    background: var(--a-yellow); color: var(--a-ink); border: 0; border-radius: 999px;
    padding: 13px 28px; font-weight: 700; box-shadow: 0 8px 22px rgba(245, 179, 1, .3);
    transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
}
.auth .btn-yellow:hover { background: var(--a-yellow-dark); color: #fff; transform: translateY(-2px); box-shadow: 0 12px 28px rgba(245, 179, 1, .4); }

/* Linkler */
.auth a { color: var(--a-yellow-dark); font-weight: 600; text-decoration: none; transition: color .15s ease; }
.auth a:hover { color: var(--a-ink); text-decoration: underline; }
.auth .text-center span { color: var(--a-muted); font-size: 14px; }

/* Ayraç */
.auth .divider-grey-light { border-top: 1px solid var(--a-border); height: 0; }

/* Onay kutusu */
.auth .form-check-label { color: var(--a-text); }
.auth .form-check-input { border-color: #cfd3da; }
.auth .form-check-input:checked { background-color: var(--a-yellow); border-color: var(--a-yellow); }
.auth .form-check-input:focus { box-shadow: 0 0 0 3px rgba(245, 179, 1, .16); border-color: var(--a-yellow); }

/* Uyarılar */
.auth .alert { border-radius: 12px; border: 0; font-size: 14px; }
.auth .alert-danger { background: #fee2e2; color: #b91c1c; }
.auth .alert-success { background: #dcfce7; color: #166534; }

/* Mobil: butonu tam genişlik yap */
@media (max-width: 575px) {
    .auth .white-box { padding: 26px 20px !important; }
    .auth form .text-end { text-align: center !important; }
    .auth form .btn-yellow { width: 100%; justify-content: center; }
}