:root {
            --lg-bg: #ffffff;          /* tamamen beyaz zemin */
            --lg-ink: #111111;         /* siyah — başlık */
            --lg-ink-2: #6b6b6b;       /* gri — açıklama */
            --lg-ink-3: #9aa0a6;       /* açık gri */
            --lg-line: #e7e7e4;        /* ince border */
            --lg-panel: #f3f2ef;       /* hover yüzeyi */
            --lg-gold: #ffc800;        /* golden yellow vurgu */
            --lg-error: #b3261e;
        }
        * { box-sizing: border-box; margin: 0; padding: 0; }
        html, body { height: 100%; }
        body {
            font-family: "Poppins", system-ui, sans-serif;
            background: var(--lg-bg);
            color: var(--lg-ink);
            -webkit-font-smoothing: antialiased;
        }

        /* Üst şerit — sol üstte marka, sağda kayıt kısayolu */
        .lg-top {
            position: fixed; inset: 0 0 auto 0; z-index: 10;
            display: flex; align-items: center; justify-content: space-between;
            padding: 1.1rem clamp(1rem, 4vw, 2.5rem);
        }
        .lg-brand {
            display: inline-flex; align-items: center; gap: 0.4rem;
            font-size: 1.25rem; font-weight: 800; letter-spacing: -0.03em;
            color: var(--lg-ink); text-decoration: none;
        }
        .lg-brand .material-symbols-outlined {
            font-size: 1.5rem;
            font-variation-settings: "opsz" 24, "wght" 600, "FILL" 0, "GRAD" 0;
        }
        .lg-top-note { font-size: 0.85rem; font-weight: 300; color: var(--lg-ink-2); }
        .lg-top-note a { font-weight: 700; color: var(--lg-ink); text-decoration: none; }
        .lg-top-note a:hover { text-decoration: underline; }

        /* Form TAM MERKEZDE — yatay + dikey */
        .lg-main {
            min-height: calc(100vh - 64px);   /* 64px: alt yasal şerit payı */
            min-height: calc(100dvh - 64px);
            display: flex; align-items: center; justify-content: center;
            padding: 5.5rem 0 2.5rem;   /* yanlarda boşluk yok — kart uçtan uca */
        }
        /* Kart uçtan uca tam genişlik: yan kenarlıklar/radius yok,
           yalnızca üst-alt ince çizgiyle zeminden ayrışır. */
        .lg-card {
            width: 100%;
            background: #ffffff;
            border: none;
            border-top: 1px solid var(--lg-line);
            border-bottom: 1px solid var(--lg-line);
            border-radius: 0;
            padding: clamp(1.75rem, 4vw, 2.5rem) 0;
        }
        /* İçerik eski dar kolonunda, ortada */
        .lg-inner {
            width: min(420px, 100%);
            margin: 0 auto;
            padding: 0 1rem;
        }

        /* Başlık — anasayfa hiyerarşisi: light selamlama + black ana başlık */
        .lg-hello {
            font-size: 0.95rem; font-weight: 300; color: var(--lg-ink-2);
            margin-bottom: 0.15rem;
        }
        .lg-title {
            font-size: clamp(1.75rem, 5vw, 2.1rem);
            font-weight: 900; font-style: italic; letter-spacing: -0.02em;
            line-height: 1.1; margin-bottom: 0.4rem;
        }
        .lg-title .lg-muted { color: var(--lg-ink-2); font-weight: 700; }
        .lg-title-line {
            width: 56px; height: 5px; border-radius: 999px;
            background: var(--lg-gold); margin: 0.6rem 0 1.5rem;
        }

        /* Uyarılar */
        .lg-alert {
            font-size: 0.83rem; font-weight: 400; line-height: 1.5;
            border: 1px solid var(--lg-line); border-radius: 0.5rem;
            padding: 0.7rem 0.9rem; margin-bottom: 1rem;
            background: var(--lg-panel); color: var(--lg-ink-2);
        }
        .lg-alert.is-success { border-color: #cde8cf; background: #f0f9f0; color: #256029; }
        .lg-alert.is-error { border-color: #f2c9c6; background: #fdf3f2; color: var(--lg-error); }
        .lg-alert a { color: inherit; word-break: break-all; }

        /* Alanlar — pill girişler, anasayfa kayıt paneliyle aynı ruh */
        .lg-field { display: block; margin-bottom: 1rem; }
        .lg-field > span {
            display: block; font-size: 0.78rem; font-weight: 600;
            letter-spacing: 0.02em; margin-bottom: 0.4rem;
        }
        .lg-field input {
            width: 100%; padding: 0.8rem 1.15rem;
            font: inherit; font-size: 0.92rem; font-weight: 400;
            color: var(--lg-ink); background: #ffffff;
            border: 1px solid var(--lg-line); border-radius: 0.5rem;
            outline: none;
            transition: border-color 0.15s ease, box-shadow 0.15s ease;
        }
        .lg-field input::placeholder { color: var(--lg-ink-3); font-weight: 300; }
        .lg-field input:focus {
            border-color: var(--lg-ink);
            box-shadow: 0 0 0 4px rgba(17, 17, 17, 0.06);
        }
        .lg-field input.input-validation-error { border-color: var(--lg-error); }
        .field-validation-error {
            display: block; margin: 0.35rem 0.5rem 0;
            font-size: 0.76rem; font-weight: 400; color: var(--lg-error);
        }
        .validation-summary-errors {
            font-size: 0.83rem; color: var(--lg-error); margin-bottom: 1rem;
        }
        .validation-summary-errors ul { list-style: none; }
        .validation-summary-valid { display: none; }

        /* Şifremi unuttum — alanın hemen altında sağda, light */
        .lg-forgot { text-align: right; margin: -0.35rem 0 1.25rem; }
        .lg-forgot a {
            font-size: 0.78rem; font-weight: 300; color: var(--lg-ink-2);
            text-decoration: none;
        }
        .lg-forgot a:hover { color: var(--lg-ink); text-decoration: underline; }

        /* Gönder — siyah pill (anasayfa aq-send / hesap oluştur ile aynı) */
        .lg-submit {
            width: 100%; padding: 0.85rem 1rem;
            font: inherit; font-size: 0.95rem; font-weight: 700;
            color: #ffffff; background: var(--lg-ink);
            border: none; border-radius: 0.5rem; cursor: pointer;
            box-shadow: 0 10px 30px -10px rgba(17, 17, 24, 0.45);
            transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
        }
        .lg-submit:hover { background: #27272a; transform: translateY(-1px); }
        .lg-submit:active { transform: scale(0.98); }

        /* Kayıt bağlantıları */
        .lg-or {
            display: flex; align-items: center; gap: 0.75rem;
            margin: 1.4rem 0 1rem;
            font-size: 0.72rem; font-weight: 300; letter-spacing: 0.14em;
            color: var(--lg-ink-3);
        }
        .lg-or::before, .lg-or::after {
            content: ""; flex: 1; height: 1px; background: var(--lg-line);
        }
        .lg-register {
            text-align: center; font-size: 0.83rem; font-weight: 300;
            color: var(--lg-ink-2); line-height: 1.9;
        }
        .lg-register a { font-weight: 600; color: var(--lg-ink); text-decoration: none; }
        .lg-register a:hover { text-decoration: underline; }
        .lg-register .lg-dot { margin: 0 0.35rem; color: var(--lg-ink-3); }

        .lg-back { text-align: center; margin-top: 1.4rem; }
        .lg-back a {
            display: inline-flex; align-items: center; gap: 0.35rem;
            font-size: 0.8rem; font-weight: 400; color: var(--lg-ink-2);
            text-decoration: none;
        }
        .lg-back a:hover { color: var(--lg-ink); }

        @media (prefers-reduced-motion: reduce) {
            * { transition-duration: 0.001ms !important; }
        }

/* Onay kutuları (kayıt sayfası — KVKK / sözleşme / veli onayı) */
.lg-check {
    display: flex; align-items: flex-start; gap: 0.55rem;
    margin-bottom: 0.8rem;
    font-size: 0.78rem; font-weight: 300; line-height: 1.55;
    color: var(--lg-ink-2); cursor: pointer;
}
.lg-check input[type="checkbox"] {
    flex: 0 0 auto; width: 1.05rem; height: 1.05rem; margin-top: 0.15rem;
    accent-color: var(--lg-ink); border-radius: 0.25rem; cursor: pointer;
}
.lg-check a { font-weight: 600; color: var(--lg-ink); text-decoration: none; }
.lg-check a:hover { text-decoration: underline; }
.lg-check .field-validation-error { margin-left: 0; }

/* Alt şerit — yasal bağlantılar (KVKK, sözleşmeler, gizlilik, çerez) */
.lg-footer {
    padding: 1.1rem clamp(1rem, 4vw, 2.5rem) 1.4rem;
    display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
    gap: 0.5rem 1.4rem;
    font-size: 0.75rem; font-weight: 300; color: var(--lg-ink-3);
}
.lg-footer a {
    color: var(--lg-ink-2); text-decoration: none; font-weight: 400;
    transition: color 0.15s ease;
}
.lg-footer a:hover { color: var(--lg-ink); text-decoration: underline; }
.lg-footer .lg-copy { flex-basis: 100%; text-align: center; order: 2; }

/* Metin alanı (iletişim formu) — input ile aynı görünüm */
.lg-field textarea {
    width: 100%; padding: 0.8rem 1.15rem;
    font: inherit; font-size: 0.92rem; font-weight: 400;
    color: var(--lg-ink); background: #ffffff;
    border: 1px solid var(--lg-line); border-radius: 0.5rem;
    outline: none; resize: vertical; min-height: 130px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.lg-field textarea::placeholder { color: var(--lg-ink-3); font-weight: 300; }
.lg-field textarea:focus {
    border-color: var(--lg-ink);
    box-shadow: 0 0 0 4px rgba(17, 17, 17, 0.06);
}
.lg-field textarea.input-validation-error { border-color: var(--lg-error); }