/* =====================================================================
   Giriş ekranı · Liquid Glass (yeni tasarımla aynı renkler; yeni.css'e bağımlı değil, hızlı açılır)
   ===================================================================== */
:root, [data-tema="gece"] {
    --zemin: #05060E; --yazi: #F2F5FF; --soluk: #BCC3DB; --soluk2: #9AA4C6;
    --cam1: rgba(255,255,255,.15); --cam2: rgba(255,255,255,.05); --cam3: rgba(255,255,255,.03);
    --cam-kenar: rgba(255,255,255,.16); --cam-isilti: rgba(255,255,255,.38); --cam-golge: rgba(0,0,0,.45); --cam-parilti: rgba(255,255,255,.14);
    --isik1: #2563EB; --isik2: #7C3AED; --isik3: #EC4899; --isik4: #06B6D4; --isik-saydam: .55;
    --ic: rgba(255,255,255,.07); --ic2: rgba(255,255,255,.12); --borc: #FDA4AF; --iyi: #6EE7B7;
    color-scheme: dark;
}
[data-tema="gun"] {
    --zemin: #E9ECF5; --yazi: #0B1020; --soluk: #4A5168; --soluk2: #5B6380;
    --cam1: rgba(255,255,255,.82); --cam2: rgba(255,255,255,.55); --cam3: rgba(255,255,255,.45);
    --cam-kenar: rgba(255,255,255,.9); --cam-isilti: rgba(255,255,255,1); --cam-golge: rgba(40,50,90,.18); --cam-parilti: rgba(255,255,255,.6);
    --isik1: #60A5FA; --isik2: #A78BFA; --isik3: #F9A8D4; --isik4: #67E8F9; --isik-saydam: .5;
    --ic: rgba(11,16,32,.05); --ic2: rgba(11,16,32,.09); --borc: #BE123C; --iyi: #047857;
    color-scheme: light;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { background: var(--zemin); color: var(--yazi); font: 500 15px/1.5 Manrope, system-ui, -apple-system, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
[hidden] { display: none !important; }
.isiklar { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.isik { position: absolute; width: 46vmax; height: 46vmax; border-radius: 50%; filter: blur(110px); opacity: var(--isik-saydam); }
.isik.i1 { left: -12vmax; top: -14vmax; background: var(--isik1); }
.isik.i2 { right: -14vmax; top: 6vmax; background: var(--isik2); }
.isik.i3 { left: 18vmax; bottom: -20vmax; background: var(--isik3); }
.isik.i4 { right: 8vmax; bottom: -16vmax; background: var(--isik4); opacity: calc(var(--isik-saydam) * .8); }
.giris { position: relative; z-index: 1; min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px;
    padding: calc(24px + env(safe-area-inset-top, 0px)) 18px calc(24px + env(safe-area-inset-bottom, 0px)); }
.cam { position: relative; background: linear-gradient(145deg, var(--cam1), var(--cam2) 45%, var(--cam3));
    -webkit-backdrop-filter: blur(26px) saturate(170%); backdrop-filter: blur(26px) saturate(170%);
    border: 1px solid var(--cam-kenar); box-shadow: inset 0 1px 0 var(--cam-isilti), 0 24px 60px var(--cam-golge); }
.cam::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: radial-gradient(120% 70% at 18% 0%, var(--cam-parilti), transparent 60%); }
.cam > * { position: relative; }
.kart { width: min(420px, 100%); border-radius: 32px; padding: 30px 28px 28px; display: flex; flex-direction: column; gap: 18px; }
.logo { display: flex; justify-content: center; }
.logo img { height: 46px; width: auto; display: block; }
html[data-tema="gun"] .tema-gece, html:not([data-tema="gun"]) .tema-gun { display: none !important; }
.bas { text-align: center; }
.bas h1 { margin: 0; font: 800 28px/1.2 Outfit, Manrope, sans-serif; letter-spacing: -.02em; }
.bas p { margin: 4px 0 0; color: var(--soluk); font-size: 13.5px; }
.uyari { border-radius: 16px; padding: 10px 14px; font-size: 13.5px; font-weight: 600; background: color-mix(in srgb, #F43F5E 18%, transparent); border: 1px solid color-mix(in srgb, #F43F5E 45%, transparent); color: var(--borc); }
.uyari-basari { background: color-mix(in srgb, #10B981 18%, transparent); border-color: color-mix(in srgb, #10B981 45%, transparent); color: var(--iyi); }
.form { display: flex; flex-direction: column; gap: 14px; }
.alan { display: flex; flex-direction: column; gap: 6px; }
.alan > span:first-child { font-size: 12px; font-weight: 800; color: var(--soluk2); letter-spacing: .04em; }
.girdi-kap { position: relative; display: flex; align-items: center; border-radius: 16px; border: 1px solid var(--cam-kenar); background: var(--ic); transition: border-color .15s, box-shadow .15s; }
.girdi-kap:focus-within { border-color: #6366F1; box-shadow: 0 0 0 3px color-mix(in srgb, #6366F1 30%, transparent); }
.girdi-kap > svg { width: 18px; height: 18px; margin-left: 14px; flex: none; fill: none; stroke: var(--soluk2); stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.girdi-kap input { flex: 1; min-width: 0; height: 50px; border: 0; outline: none; background: none; color: var(--yazi); font: 600 15px Manrope, sans-serif; padding: 0 14px 0 10px; }
.girdi-kap input:-webkit-autofill { -webkit-text-fill-color: var(--yazi); transition: background-color 9999s; }
.goster { width: 44px; height: 44px; margin-right: 3px; border: 0; border-radius: 12px; background: none; color: var(--soluk2); cursor: pointer; display: grid; place-items: center; }
.goster svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.goster:hover, .goster.acik { color: var(--yazi); background: var(--ic2); }
.caps { color: #F59E0B; font-size: 12px; font-weight: 700; }
.form.eksik input:placeholder-shown, .form.eksik input:invalid { box-shadow: none; }
.giris-dugme { height: 52px; margin-top: 4px; border-radius: 999px; border: 1px solid rgba(255,255,255,.4); cursor: pointer; color: #fff; font: 800 15.5px Manrope, sans-serif; letter-spacing: .01em;
    background: linear-gradient(135deg, #2563EB, #7C3AED); box-shadow: 0 14px 34px rgba(37,99,235,.42), inset 0 1px 0 rgba(255,255,255,.4); transition: transform .15s, filter .15s; }
.giris-dugme:hover { filter: brightness(1.08); }
.giris-dugme:active { transform: translateY(1px); }
.giris-dugme:disabled { opacity: .75; cursor: progress; }
.alt { display: flex; align-items: center; gap: 12px; color: var(--soluk); font-size: 12.5px; font-weight: 600; }
.tema { width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--cam-kenar); background: var(--ic); color: var(--yazi); cursor: pointer; display: grid; place-items: center; }
.tema svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 480px) { .kart { padding: 26px 20px 22px; border-radius: 28px; } .bas h1 { font-size: 25px; } }
@media (prefers-reduced-motion: reduce) { .giris-dugme { transition: none; } }

.hatirla { display: flex; align-items: flex-start; gap: 10px; font-size: 13.5px; font-weight: 700; color: var(--yazi); cursor: pointer; }
.hatirla input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: #6366F1; flex: none; }
.hatirla small { display: block; color: var(--soluk); font-weight: 500; font-size: 12px; }