/* Globya CRM — kimlik (giriş) ekranı. Vitrin kalitesi. */
.auth {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
@media (max-width: 920px) { .auth { grid-template-columns: 1fr; } .auth__aside { display: none; } }

/* Sol: marka paneli */
.auth__aside {
    position: relative;
    background: radial-gradient(120% 120% at 0% 0%, #4f46e5 0%, #4338ca 45%, #312e81 100%);
    color: #fff;
    padding: 48px;
    display: flex; flex-direction: column; justify-content: space-between;
    overflow: hidden;
}
.auth__aside::after {
    content: ""; position: absolute; inset: 0;
    background-image:
        radial-gradient(600px 300px at 90% 10%, rgba(255,255,255,.10), transparent),
        radial-gradient(500px 300px at 10% 100%, rgba(255,255,255,.08), transparent);
}
.auth__brand { display: flex; align-items: center; gap: 12px; position: relative; z-index: 1; }
.auth__brand .mark {
    width: 38px; height: 38px; border-radius: 11px; background: rgba(255,255,255,.16);
    display: grid; place-items: center; font-weight: 800; font-size: 17px;
    border: 1px solid rgba(255,255,255,.25);
}
.auth__brand b { font-size: 17px; font-weight: 700; }
.auth__pitch { position: relative; z-index: 1; max-width: 420px; }
.auth__pitch h2 { color: #fff; font-size: 30px; line-height: 1.2; letter-spacing: -.02em; }
.auth__pitch p { color: rgba(255,255,255,.78); font-size: 15px; margin-top: 14px; }
.auth__foot { position: relative; z-index: 1; color: rgba(255,255,255,.6); font-size: 13px; }

/* Sağ: form */
.auth__main { display: grid; place-items: center; padding: 32px; background: var(--surface); }
.auth__form { width: 100%; max-width: 380px; }
.auth__form h1 { font-size: 24px; }
.auth__form > p { margin: 6px 0 28px; color: var(--ink-500); }

/* .field/.input/.field-row/.check artık globya.css'te (tek kaynak). Burada sadece auth'a özel: */
.link { color: var(--brand-600); font-weight: 600; font-size: 13px; }
.btn--block { width: 100%; justify-content: center; padding: 12px; }
.auth__secure { margin-top: 20px; font-size: 12px; color: var(--ink-400); display: flex; align-items: center; gap: 7px; justify-content: center; }
.auth__top { position: absolute; top: 24px; right: 24px; z-index: 2; }