/* =====================================================================
   Giriş ekranı (Views/Account/Login.cshtml). Kurum renkleri site.css ile
   aynıdır; arka plan görseli img/giris-arka-plan.svg (özgün çizim).
   Satır içi stil/betik kullanılmaz (ileride CSP eklenebilsin diye).
   ===================================================================== */
:root {
    --g-lacivert: #15365a;
    --g-mavi: #2f6fb0;
    --g-yesil: #1f7a46;
    --g-metin: #1b2733;
    --g-soluk: #5b6b7c;
}

html, body { height: 100%; }

body.giris {
    margin: 0;
    min-height: 100vh;
    color: #fff;
    background: #15365a url("../img/giris-arka-plan.svg") center / cover no-repeat fixed;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.giris-sahne {
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, 440px);
    align-items: center;
    gap: 56px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 48px 32px;
}

/* ── Sol: tanıtım ─────────────────────────────────────────────────── */
.giris-tanitim { max-width: 560px; }

.giris-logo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 28px;
}
/* Kurumsal logo (img/aira-logo.svg); açık mavi geçişli olduğu için koyu zeminde okunur */
.giris-logo-resim { display: block; width: 220px; height: auto; max-width: 100%; }
.giris-logo-yazi {
    font-size: 11.5px; font-weight: 600; letter-spacing: 2.2px;
    color: rgba(255, 255, 255, .75); text-transform: uppercase;
}

.giris-baslik {
    font-size: clamp(28px, 3.4vw, 42px);
    line-height: 1.15;
    font-weight: 750;
    margin: 0 0 16px;
}
.giris-baslik span { color: #8fd3a8; }
.giris-alt { font-size: 16px; line-height: 1.6; color: rgba(255, 255, 255, .82); margin: 0 0 28px; }

.giris-ozellikler { list-style: none; padding: 0; margin: 0 0 32px; display: grid; gap: 12px; }
.giris-ozellikler li { display: flex; gap: 12px; align-items: flex-start; color: rgba(255, 255, 255, .9); font-size: 14.5px; line-height: 1.5; }
.giris-ozellikler i {
    flex: none; width: 30px; height: 30px; border-radius: 8px;
    display: grid; place-items: center;
    background: rgba(255, 255, 255, .1); color: #bfe0ff; font-size: 15px;
}

.giris-baglantilar { display: flex; flex-wrap: wrap; gap: 10px; }
.giris-baglanti {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 9px 16px; border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .35);
    color: #fff; text-decoration: none; font-size: 14px; font-weight: 600;
    background: rgba(255, 255, 255, .06);
    transition: background .15s, border-color .15s, transform .15s;
}
.giris-baglanti:hover, .giris-baglanti:focus-visible {
    background: rgba(255, 255, 255, .16); border-color: rgba(255, 255, 255, .7); color: #fff; transform: translateY(-1px);
}
.giris-baglanti.linkedin:hover, .giris-baglanti.linkedin:focus-visible { background: #0a66c2; border-color: #0a66c2; }

/* ── Sağ: giriş kartı ─────────────────────────────────────────────── */
.giris-kart {
    background: rgba(255, 255, 255, .97);
    color: var(--g-metin);
    border-radius: 18px;
    padding: 36px 34px 28px;
    box-shadow: 0 24px 60px rgba(4, 16, 32, .45);
}
.giris-kart h2 { font-size: 22px; font-weight: 750; margin: 0 0 4px; color: var(--g-lacivert); }
.giris-kart .giris-kart-alt { color: var(--g-soluk); font-size: 14px; margin: 0 0 24px; }

.giris-kart .form-label { font-weight: 600; font-size: 13.5px; color: var(--g-metin); }
.giris-kart .input-group-text { background: #f4f7fb; border-color: #cfd8e3; color: var(--g-soluk); }
.giris-kart .form-control { border-color: #cfd8e3; padding: 10px 12px; }
.giris-kart .form-control::placeholder { color: #9aa7b5; opacity: 1; }
.giris-kart .form-control:focus { border-color: var(--g-mavi); box-shadow: 0 0 0 3px rgba(47, 111, 176, .2); }
.giris-sifre-goster { border: 1px solid #cfd8e3; color: var(--g-soluk); background: #fff; }
.giris-sifre-goster:hover, .giris-sifre-goster:focus-visible { color: var(--g-lacivert); background: #f4f7fb; }

.giris-buton {
    width: 100%; padding: 11px; border: 0; border-radius: 10px;
    font-weight: 700; font-size: 15px; color: #fff;
    background: linear-gradient(135deg, var(--g-lacivert), var(--g-mavi));
    transition: filter .15s, transform .15s;
}
.giris-buton:hover, .giris-buton:focus-visible { filter: brightness(1.08); transform: translateY(-1px); color: #fff; }
.giris-buton:focus-visible { outline: 3px solid rgba(47, 111, 176, .45); outline-offset: 2px; }

.giris-capslock { display: none; font-size: 12.5px; color: #8a5a00; margin-top: 6px; }
.giris-capslock.gorunur { display: block; }

.giris-kvkk { font-size: 12px; color: var(--g-soluk); line-height: 1.55; margin: 20px 0 0; }
.giris-kvkk a { color: var(--g-mavi); }

.giris-alt-bilgi {
    margin-top: 18px; padding-top: 14px; border-top: 1px solid #e6ecf3;
    display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap;
    font-size: 12px; color: var(--g-soluk);
}
.giris-alt-bilgi a { color: var(--g-soluk); text-decoration: none; }
.giris-alt-bilgi a:hover { color: var(--g-lacivert); text-decoration: underline; }

/* ── Dar ekran ────────────────────────────────────────────────────── */
@media (max-width: 920px) {
    .giris-sahne { grid-template-columns: 1fr; gap: 28px; padding: 28px 16px; }
    .giris-tanitim { max-width: none; }
    .giris-ozellikler, .giris-alt { display: none; }   /* telefonda form ilk ekranda görünsün */
    .giris-logo { margin-bottom: 16px; }
    .giris-logo-resim { width: 170px; }
    .giris-baslik { font-size: 24px; margin-bottom: 16px; }
    .giris-kart { padding: 28px 22px 22px; }
    body.giris { background-attachment: scroll; }
}

@media (prefers-reduced-motion: reduce) {
    .giris-baglanti, .giris-buton { transition: none; }
    .giris-baglanti:hover, .giris-buton:hover { transform: none; }
}