/* Giriş, şifre ve doğrulama ekranları: anasayfa v2 görünümü. Form alanları, rotalar ve doğrulama davranışı aynıdır. */
@media screen {
    body[data-auth-refinement] {
        background-color: #F2F3EF;
        background-image: linear-gradient(#E4E7E2 1px, transparent 1px), linear-gradient(90deg, #E4E7E2 1px, transparent 1px);
        background-size: 28px 28px;
        color: #0B1620;
        font-family: Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
    }

    body[data-auth-refinement] .auth-refinement-frame { background: transparent; }

    body[data-auth-refinement] .auth-refinement-card {
        border: 2px solid #0B1620;
        border-radius: 24px;
        background: #fff;
        box-shadow: 10px 10px 0 #0B1620;
        animation: auth-v2-in .5s cubic-bezier(.2, .8, .2, 1) both;
    }

    body[data-auth-refinement] .auth-v2-brand { display: flex; justify-content: center; margin-bottom: 4px; }

    body[data-auth-refinement] :is(h1, h2) {
        font-family: 'Bricolage Grotesque', system-ui, sans-serif;
        font-weight: 800;
        letter-spacing: -.03em;
        color: #0B1620;
    }

    body[data-auth-refinement] nav[aria-label="Giriş seçenekleri"] a {
        border: 2px solid #0B1620 !important;
        border-radius: 12px;
        background: #fff !important;
        color: #0B1620 !important;
        font-weight: 700;
        box-shadow: 0 4px 0 #0B1620;
        transition: transform .18s cubic-bezier(.3, 1.6, .5, 1), box-shadow .18s ease, background .2s ease;
    }

    body[data-auth-refinement] nav[aria-label="Giriş seçenekleri"] a[aria-current="page"] {
        background: #0B1620 !important;
        color: #fff !important;
        box-shadow: 0 1px 0 #0B1620;
        transform: translateY(3px);
    }

    body[data-auth-refinement] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
        border: 2px solid #0B1620 !important;
        border-radius: 12px;
        box-shadow: none;
    }

    body[data-auth-refinement] :is(input, select, textarea):focus {
        box-shadow: 4px 4px 0 #FF6A2B !important;
        outline: none;
    }

    body[data-auth-refinement] .auth-refinement-card button[type="submit"] {
        border: 2px solid #0B1620 !important;
        border-radius: 12px;
        background: #FF6A2B !important;
        color: #0B1620 !important;
        font-weight: 800;
        box-shadow: 4px 4px 0 #0B1620;
        transition: transform .15s ease, box-shadow .15s ease;
    }

    body[data-auth-refinement] .auth-refinement-card button[type="submit"]:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 #0B1620; }
    body[data-auth-refinement] .auth-refinement-card button[type="submit"]:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 #0B1620; }

    body[data-auth-refinement] .auth-refinement-card a:not(nav a) { color: #0B1620; font-weight: 600; text-decoration-color: #FF6A2B; text-underline-offset: 3px; }

    body[data-auth-refinement] :is(a, button, input, select, textarea):focus-visible { outline: 3px solid #FF6A2B; outline-offset: 3px; }
}

@media (max-width: 640px) {
    body[data-auth-refinement] .auth-refinement-card { box-shadow: 6px 6px 0 #0B1620; }
}

@media (prefers-reduced-motion: reduce) {
    body[data-auth-refinement] * { animation: none !important; transition: none !important; }
}

@keyframes auth-v2-in { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }