/* =====================================================================
   KURYELOJİ — auth.css
   Giriş ve kurulum sayfaları (menüsüz, "bare" düzen).
   ===================================================================== */
.auth-wrap { display: grid; grid-template-columns: 1.1fr 1fr; min-height: 100vh; }

.auth-side {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
    padding: 70px 80px;
    background:
        radial-gradient(circle at 15% 90%, rgba(255, 107, 44, .28), transparent 45%),
        var(--ink);
    color: #fff;
}
.auth-side h1 { font-size: 44px; line-height: 1.12; letter-spacing: -.025em; }
.auth-side p  { max-width: 440px; font-size: 16px; color: #B8CDD1; }
.auth-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 34px; }
.auth-brand .brand-name { color: #fff; }

.auth-form-wrap { display: grid; place-items: center; padding: 40px; background: var(--surface); }
.auth-form { width: 100%; max-width: 400px; }
.auth-form h2 { font-size: 26px; letter-spacing: -.01em; }
.auth-form > .muted { margin-top: 6px; }
.auth-form .btn { margin-top: 24px; }

/* Tek kartlı sayfa (zorunlu şifre değiştirme) */
.auth-single { min-height: 100vh; display: grid; place-items: center; padding: 40px; background: var(--bg); }
.auth-card { width: 100%; max-width: 440px; padding: 34px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); }
.auth-card .auth-brand { margin-bottom: 22px; }
.auth-card .auth-brand .brand-name { color: var(--ink); }