/* ==========================================================================
   Bilişsel CRM V2 - Giriş Ekranı
   ========================================================================== */
html, body { height: 100%; }

body { background: var(--yuzey); }

.giris-sayfa {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    min-height: 100vh;
}

/* ---------- Sol: Marka paneli ---------- */
.giris-marka {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4rem clamp(2.5rem, 6vw, 6rem);
    color: #fff;
    background:
        radial-gradient(1200px 600px at 110% -10%, rgba(232, 121, 43, .35), transparent 60%),
        radial-gradient(900px 500px at -20% 120%, rgba(110, 82, 161, .55), transparent 60%),
        linear-gradient(155deg, #2b1b57 0%, #3a2270 45%, #24174a 100%);
}

.giris-marka-desen {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, .09) 1px, transparent 1px);
    background-size: 22px 22px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, .9), transparent 85%);
    -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, .9), transparent 85%);
}

.giris-marka-daire {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .10);
}

.giris-marka-daire-1 { width: 520px; height: 520px; right: -180px; top: -160px; }
.giris-marka-daire-2 {
    width: 340px; height: 340px; left: -120px; bottom: -120px;
    border-color: rgba(242, 160, 84, .25);
}

.giris-marka-icerik {
    position: relative;
    max-width: 540px;
}

.giris-marka-etiket {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .4rem .85rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .16);
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .02em;
    color: #fde3cc;
    backdrop-filter: blur(4px);
}

.giris-marka h1 {
    margin: 1.5rem 0 1rem;
    font-size: clamp(2rem, 3.2vw, 2.9rem);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.02em;
}

.giris-marka h1 span {
    background: linear-gradient(90deg, #f2a054, #e8792b);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.giris-marka p {
    font-size: 1.05rem;
    line-height: 1.65;
    color: rgba(255, 255, 255, .78);
    margin-bottom: 2.25rem;
}

.giris-ozellikler {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: .9rem;
}

.giris-ozellikler li {
    display: flex;
    align-items: center;
    gap: .9rem;
    font-weight: 500;
    color: rgba(255, 255, 255, .92);
}

.giris-ozellikler li span {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: .75rem;
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .14);
    color: var(--marka-turuncu-acik);
    font-size: 1.1rem;
}

.giris-marka-alt {
    position: absolute;
    left: clamp(2.5rem, 6vw, 6rem);
    bottom: 2rem;
    font-size: .8rem;
    color: rgba(255, 255, 255, .5);
}

/* ---------- Sağ: Form ---------- */
.giris-form-alani {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1.5rem 2rem;
    background:
        radial-gradient(600px 300px at 100% 0%, var(--marka-turuncu-soluk), transparent 70%),
        var(--yuzey);
}

.giris-kart {
    width: 100%;
    max-width: 420px;
}

.giris-logo {
    display: block;
    height: 64px;
    width: auto;
    margin: 0 0 2.25rem -8px;
}

.giris-baslik {
    font-size: 1.75rem;
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--marka-mor-koyu);
    margin-bottom: .35rem;
}

.giris-alt-baslik {
    color: var(--metin-ikincil);
    margin-bottom: 1.75rem;
}

.giris-uyari {
    border-radius: .75rem;
    font-size: .9rem;
    padding: .8rem 1rem;
}

.giris-uyari .bi { font-size: 1.05rem; line-height: 1.35; }

.giris-girdi {
    position: relative;
}

.giris-girdi > .bi {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--metin-soluk);
    font-size: 1.1rem;
    pointer-events: none;
    transition: color .15s ease;
}

.giris-girdi:focus-within > .bi { color: var(--marka-mor-acik); }

.giris-girdi .form-control {
    padding-left: 2.85rem;
    font-size: 1rem;
    height: 3.25rem;
    background-color: #fcfcfd;
}

.giris-girdi .form-control:focus { background-color: #fff; }

.giris-girdi input[type="password"],
.giris-girdi input[type="text"]#txtParola { padding-right: 3rem; }

.giris-parola-goster {
    position: absolute;
    right: .5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2.4rem;
    height: 2.4rem;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: .5rem;
    background: transparent;
    color: var(--metin-ikincil);
    font-size: 1.1rem;
}

.giris-parola-goster:hover { background: var(--marka-mor-soluk); color: var(--marka-mor); }
.giris-parola-goster:focus-visible { outline: 2px solid var(--marka-mor-acik); outline-offset: 1px; }

.giris-capslock {
    display: none;
    margin-top: .4rem;
    font-size: .8rem;
    font-weight: 600;
    color: var(--marka-turuncu-koyu);
}

.giris-capslock.gorunur { display: block; }

.giris-link {
    font-size: .875rem;
    font-weight: 600;
    text-decoration: none;
}

.giris-link:hover { text-decoration: underline; }

.form-check-label { font-size: .9rem; color: #344054; }

.btn-marka.btn-lg {
    height: 3.25rem;
    border-radius: .75rem;
    font-size: 1rem;
}

.giris-guvenlik {
    margin: 1.5rem 0 0;
    text-align: center;
    font-size: .8rem;
    color: var(--metin-soluk);
}

.giris-form-alt {
    margin-top: 3rem;
    font-size: .8rem;
    color: var(--metin-soluk);
    display: none;
}

.popover { --bs-popover-max-width: 280px; font-family: var(--bs-body-font-family); font-size: .85rem; }

/* ---------- Duyarlı ---------- */
@media (max-width: 991.98px) {
    .giris-sayfa { grid-template-columns: 1fr; }
    .giris-marka { display: none; }
    .giris-form-alani { min-height: 100vh; justify-content: flex-start; padding-top: 12vh; }
    .giris-form-alt { display: block; }
}

@media (max-width: 575.98px) {
    .giris-form-alani { padding: 2.5rem 1rem 1.5rem; }
    .giris-logo { height: 52px; margin-bottom: 1.75rem; }
    .giris-baslik { font-size: 1.5rem; }
}