/* ---------- Base (önceki dosyalarla uyumlu) ---------- */
        

        

        /* ---------- Section background ---------- */
        .section-bg {
            background:
                radial-gradient(ellipse 60% 40% at 15% 20%, rgba(20, 35, 102, 0.5) 0%, transparent 60%),
                radial-gradient(ellipse 55% 45% at 85% 80%, rgba(30, 58, 138, 0.4) 0%, transparent 60%),
                linear-gradient(165deg, #050B26 0%, #0A1647 55%, #0B1B5C 100%);
        }

        /* ---------- Title styling ---------- */
        .title-display {
            font-family: var(--font-display);
            letter-spacing: -0.005em;
            line-height: 1;
        }
        .title-underline {
            display: inline-block;
            height: 3px;
            background: linear-gradient(90deg,
                rgba(127, 200, 248, 0) 0%,
                rgba(255, 255, 255, 0.95) 50%,
                rgba(127, 200, 248, 0) 100%);
            border-radius: 2px;
            box-shadow: 0 0 18px rgba(127, 200, 248, 0.55);
        }

        /* ---------- Member row ---------- */
        .member-row {
            position: relative;
            border-radius: 16px;
            background: linear-gradient(90deg,
                #0E2A8A 0%,
                #102EA0 25%,
                #0F2890 60%,
                #0B1F6B 100%);
            border: 1px solid rgba(127, 200, 248, 0.18);
            box-shadow:
                0 14px 30px rgba(0, 0, 0, 0.35),
                0 0 0 1px rgba(255, 255, 255, 0.03) inset,
                0 0 28px rgba(15, 40, 144, 0.25);
            transition: transform 0.35s cubic-bezier(.2,.7,.2,1),
                        box-shadow 0.35s cubic-bezier(.2,.7,.2,1),
                        border-color 0.3s ease;
            overflow: hidden;
        }
        .member-row::before {
            /* subtle right-side glow */
            content: "";
            position: absolute;
            top: 0; bottom: 0;
            right: -20%;
            width: 50%;
            background: radial-gradient(ellipse at center, rgba(127, 200, 248, 0.12) 0%, transparent 70%);
            pointer-events: none;
        }
        .member-row:hover {
            transform: translateY(-2px);
            border-color: rgba(127, 200, 248, 0.45);
            box-shadow:
                0 18px 40px rgba(0, 0, 0, 0.45),
                0 0 0 1px rgba(127, 200, 248, 0.18) inset,
                0 0 40px rgba(127, 200, 248, 0.22);
        }

        /* ---------- Member photo ---------- */
        .member-photo {
            border-radius: 12px;
            object-fit: cover;
            border: 1px solid rgba(127, 200, 248, 0.25);
            background: #0a1340;
            display: block;
            flex-shrink: 0;
        }
        /* Placeholder while no real photo */
        .member-photo-placeholder {
            border-radius: 12px;
            background:
                linear-gradient(135deg, #1e3a8a 0%, #0a1340 100%);
            border: 1px solid rgba(127, 200, 248, 0.25);
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgba(184, 220, 251, 0.55);
            font-family: var(--font-display);
            letter-spacing: 0.04em;
        }

        /* ---------- Text inside row ---------- */
        .member-name {
            font-family: var(--font-body);
            font-weight: 700;
            color: #FFFFFF;
            letter-spacing: 0.03em;
            text-transform: uppercase;
        }
        .member-position {
            font-family: var(--font-body);
            font-weight: 500;
            color: rgba(184, 220, 251, 0.92);
        }

        /* ---------- Animations ---------- */
        @keyframes riseIn {
            from { opacity: 0; transform: translateY(18px); }
            to   { opacity: 1; transform: translateY(0); }
        }
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
        @keyframes drawLine { from { transform: scaleX(0); } to { transform: scaleX(1); } }

        .anim-rise { opacity: 0; animation: riseIn 0.85s cubic-bezier(.2,.7,.2,1) forwards; }
        .anim-fade { opacity: 0; animation: fadeIn 1s ease forwards; }
        .anim-line { transform-origin: center; transform: scaleX(0); animation: drawLine 0.9s cubic-bezier(.2,.7,.2,1) 0.35s forwards; }

        /* ---------- Responsive sizing ---------- */
        .title-size { font-size: clamp(2rem, 5.5vw, 4.25rem); }
        .name-size  { font-size: clamp(0.95rem, 1.6vw, 1.25rem); }
        .pos-size   { font-size: clamp(0.85rem, 1.3vw, 1.1rem); }