:root {
            --primary-color: #6366f1; /* Indigo */
            --secondary-color: #d946ef; /* Fuchsia */
            --accent-color: #0ea5e9; /* Sky Blue */
            --dark-bg: #0b0f19; /* Deeper dark blue/black */
            --card-bg: rgba(30, 41, 59, 0.7);
            --text-light: #f1f5f9;
            --glass-border: rgba(255, 255, 255, 0.08);
        }

        body {
            font-family: 'Poppins', sans-serif;
            background-color: var(--dark-bg);
            color: var(--text-light);
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        h1, h2, h3, h4, .navbar-brand {
            font-family: 'Sora', sans-serif; /* Daha teknolojik bir font başlıklar için */
        }

        /* Animated Background Mesh */
        .animated-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -2;
            background: radial-gradient(circle at 10% 20%, rgb(22, 28, 45) 0%, rgb(11, 15, 25) 90%);
            overflow: hidden;
        }

        .bg-shape {
            position: absolute;
            filter: blur(120px);
            opacity: 0.4;
            animation: moveShape 20s infinite alternate ease-in-out;
        }

        .shape-1 { top: -10%; left: -10%; width: 40%; height: 40%; background: var(--primary-color); animation-delay: 0s; }
        .shape-2 { bottom: -10%; right: -10%; width: 50%; height: 50%; background: var(--secondary-color); animation-delay: -5s; }
        .shape-3 { top: 30%; left: 40%; width: 30%; height: 30%; background: var(--accent-color); animation-delay: -10s; opacity: 0.3; }

        @keyframes moveShape {
            0% { transform: translate(0, 0) scale(1); }
            100% { transform: translate(50px, 50px) scale(1.1); }
        }

        /* Navbar Glass Effect & Transition */
        .navbar {
            padding: 1.5rem 0;
            transition: all 0.4s ease-in-out;
        }

        .navbar-scrolled {
            background: rgba(11, 15, 25, 0.85);
            backdrop-filter: blur(15px);
            border-bottom: 1px solid var(--glass-border);
            padding: 1rem 0;
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        }

        .navbar-brand {
            font-weight: 800;
            font-size: 1.7rem;
            letter-spacing: -1px;
            background: linear-gradient(to right, #fff, var(--accent-color));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .nav-link {
            font-weight: 500;
            color: rgba(255,255,255,0.8) !important;
            position: relative;
            margin: 0 10px;
        }

        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -5px;
            left: 0;
            background: var(--secondary-color);
            transition: width 0.3s ease;
        }

        .nav-link:hover::after {
            width: 100%;
        }

        /* Buttons */
        .btn-glow {
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            color: white;
            border: none;
            padding: 12px 35px;
            border-radius: 50px;
            font-weight: 600;
            position: relative;
            z-index: 1;
            overflow: hidden;
            transition: all 0.3s ease;
            box-shadow: 0 0 20px rgba(99, 102, 241, 0.4);
        }

        .btn-glow::before {
            content: '';
            position: absolute;
            top: 0; left: 0; width: 0%; height: 100%;
            background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));
            transition: width 0.3s ease;
            z-index: -1;
        }

        .btn-glow:hover::before { width: 100%; }
        .btn-glow:hover { box-shadow: 0 0 40px rgba(217, 70, 239, 0.6); color: white; transform: translateY(-3px); }

        /* Hero Section */
        .hero-section {
            min-height: 100vh;
            display: flex;
            align-items: center;
            padding-top: 80px;
        }

        /* Premium Glass Cards */
        .glass-card {
            background-color: var(--card-bg);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid var(--glass-border);
            border-radius: 24px;
            padding: 2.5rem;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Bouncy effect */
            height: 100%;
            position: relative;
            overflow: hidden;
        }

        .glass-card::before {
            content: '';
            position: absolute;
            top: -50%; left: -50%;
            width: 200%; height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .glass-card:hover::before { opacity: 1; }
        .glass-card:hover {
            border-color: rgba(99, 102, 241, 0.4);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(99, 102, 241, 0.1) inset;
            transform: translateY(-10px) scale(1.02);
        }

        .icon-box-glow {
            width: 70px; height: 70px;
            background: linear-gradient(135deg, rgba(99,102,241,0.2), rgba(217,70,239,0.2));
            border-radius: 18px;
            display: flex; align-items: center; justify-content: center;
            font-size: 1.8rem;
            color: var(--text-light);
            margin-bottom: 1.5rem;
            box-shadow: 0 10px 20px -10px rgba(99, 102, 241, 0.5);
        }

        /* Ventures Images */
        .venture-img-wrapper {
            overflow: hidden;
            border-radius: 16px;
            position: relative;
            height: 240px;
        }

        .venture-img {
            width: 100%; height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .glass-card:hover .venture-img {
            transform: scale(1.1);
        }

        /* Form Inputs */
        .form-control-glass {
            background-color: rgba(255,255,255,0.03);
            border: 1px solid var(--glass-border);
            color: white;
            padding: 15px 20px;
            border-radius: 12px;
            transition: all 0.3s;
        }

        .form-control-glass:focus {
            background-color: rgba(255,255,255,0.05);
            border-color: var(--primary-color);
            color: white;
            box-shadow: 0 0 15px rgba(99, 102, 241, 0.3);
        }
        .form-control-glass::placeholder { color: rgba(255,255,255,0.4); }

        /* Section Titles */
        .section-subtitle {
            color: var(--accent-color);
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            font-size: 0.9rem;
            display: block;
            margin-bottom: 10px;
        }
    
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body { margin: 0; isolation: isolate; overflow-x: clip; }
::selection { background: #6366f1; color: white; }
.animated-bg { z-index: -1; pointer-events: none; }
.navbar { background: rgba(11, 15, 25, .88); backdrop-filter: blur(16px); border-bottom: 1px solid var(--glass-border); padding: 1.15rem 0; }
.navbar-brand { background-clip: text; }
.navbar-brand:focus-visible { -webkit-text-fill-color: white; }
.navbar-scrolled { padding: .85rem 0; }
.nav-link::after { bottom: 0; }
.nav-link:hover, .nav-link:focus-visible, .nav-link[aria-current] { color: white !important; }
.nav-link[aria-current]::after { width: 100%; }
.skip-link { position: fixed; top: 10px; left: 15px; z-index: 1100; background: white; color: #0b0f19; padding: 12px 20px; border-radius: 8px; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #7dd3fc; outline-offset: 5px; }
.hero-section { min-height: 780px; min-height: max(760px, 100svh); padding: 155px 0 95px; }
.hero-section h1 { font-size: clamp(2.65rem, 4.7vw, 4.4rem); letter-spacing: -.045em; line-height: 1.18 !important; }
.hero-section .lead { font-size: 1.05rem; line-height: 1.9; max-width: 590px; }
.hero-badge { white-space: normal; line-height: 1.6; text-align: left; font-weight: 500; }
.hero-actions .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 14px 24px !important; }
.hero-art { position: relative; margin: 40px 8px 40px 20px; }
.code-window { background: linear-gradient(150deg, #20283e, #111827); border: 1px solid #465174; border-radius: 20px; box-shadow: 0 35px 90px #0008, 0 0 70px #6366f12b; transform: perspective(1100px) rotateY(-8deg) rotateZ(3deg); overflow: hidden; }
.code-toolbar { display: flex; align-items: center; gap: 7px; padding: 18px; background: #ffffff04; border-bottom: 1px solid #ffffff0d; }
.code-toolbar > span { width: 9px; height: 9px; border-radius: 50%; background: #fb7185; flex-shrink: 0; }
.code-toolbar > span:nth-child(2) { background: #fbbf24; }
.code-toolbar > span:nth-child(3) { background: #34d399; }
.code-toolbar p { font: 10px ui-monospace, monospace; margin: 0 0 0 12px; color: #a6b2ce; }
.code-body { padding: 22px 16px; font: 11px/1.65 ui-monospace, monospace; color: #e2e8f0; }
.code-language { margin-left: auto; padding: 3px 8px; border: 1px solid var(--glass-border); border-radius: 6px; color: var(--muted-color); font: 10px ui-monospace, monospace; }
.code-source { margin: 0; overflow-x: auto; color: inherit; font: inherit; counter-reset: code-line; }
.code-source code { display: block; font: inherit; }
.code-line { display: inline-block; min-width: 100%; }
.code-line::before { counter-increment: code-line; content: counter(code-line); display: inline-block; width: 20px; margin-right: 12px; text-align: right; color: var(--muted-color); opacity: .55; user-select: none; }
.code-string { color: #86efac; }
.code-function { color: #93c5fd; }
.code-annotation { color: #fcd34d; }
.code-body p { margin-bottom: 8px; white-space: nowrap; }
.code-indent { padding-left: 18px; }
.code-purple { color: #c4b5fd; }
.code-blue { color: #7dd3fc; }
.code-body .code-spacer { margin-top: 24px; }
.code-status { margin-top: 28px; padding-top: 18px; border-top: 1px solid #ffffff12; font: 11px/1.6 'Poppins', sans-serif; color: #94a3b8; display: flex; align-items: center; gap: 8px; }
.code-status span { height: 6px; width: 6px; background: #34d399; border-radius: 50%; box-shadow: 0 0 10px #34d399; }
.art-chip { position: absolute; display: flex; align-items: center; gap: 12px; padding: 15px 20px; border-radius: 14px; border: 1px solid #ffffff20; background: #182239; font-size: 12px; box-shadow: 0 12px 40px #0006; }
.art-chip i { color: #a5b4fc; }
.art-chip-top { top: -28px; right: 0; }
.art-chip-bottom { bottom: -30px; left: -18px; }
.glass-card { transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.glass-card::before { pointer-events: none; }
.glass-card:hover { transform: translateY(-5px); }
.contact-card:hover { transform: none; }
.text-opacity-50 { --bs-text-opacity: .72 !important; }
.venture-img-wrapper { border-radius: 0; aspect-ratio: 2 / 1; height: auto; background: #1e293b; }
.venture-img { display: block; }
#ventures .glass-card { display: flex; flex-direction: column; }
#ventures .glass-card > .p-4 { display: flex; flex-direction: column; flex: 1; padding: 2rem !important; }
#ventures .glass-card .btn { align-self: flex-start; margin-top: auto !important; }
#ventures .glass-card p { margin-bottom: 24px; }
#project { margin-bottom: 30px; }
.form-control-glass { min-height: 54px; }
.form-control-glass::placeholder { color: #98a5bb; }
.form-control-glass option { background: #182239; color: #f1f5f9; }
.form-label { color: #d3dbea; font-size: .875rem; margin-bottom: 10px; }
textarea.form-control-glass { resize: vertical; min-height: 145px; }
.contact-submit { min-width: 240px; font-size: 1rem; }
.form-note { color: #a6b2c8; font-size: .8rem; line-height: 1.75; text-align: center; }
.form-status { color: #a7f3d0; font-size: .9rem; text-align: center; }
.footer-links a { color: #cbd5e1; text-decoration: none; font-size: .9rem; }
.footer-links a:hover { color: #7dd3fc; }
.text-accent { color: #7dd3fc; }
@media (max-width: 1199.98px) {
    .glass-card { padding: 1.8rem; }
    .code-body { padding: 18px 12px; font-size: 9px; }
    .code-line::before { margin-right: 8px; width: 16px; }
    .hero-section h1 { font-size: clamp(2.6rem, 4.8vw, 3.8rem); }
}
@media (max-width: 991.98px) {
    .navbar-collapse { padding: 18px 0 10px; max-height: calc(100svh - 90px); overflow-y: auto; }
    .navbar-nav { align-items: stretch !important; gap: 4px; }
    .nav-link { margin: 0; padding: 12px 4px; width: fit-content; }
    .navbar-nav .btn { width: 100%; }
    .hero-section { min-height: auto; padding: 155px 0 80px; }
    .hero-section h1 { font-size: clamp(2.5rem, 6.8vw, 4rem); max-width: 720px; }
    #services .col-md-4 { flex: 0 0 100%; max-width: 100%; }
    .glass-card { padding: 2rem; }
}
@media (max-width: 575.98px) {
    .container { padding-right: 24px; padding-left: 24px; }
    .navbar { padding: .9rem 0; }
    .navbar-brand { font-size: 1.5rem; }
    .hero-section { padding-top: 135px; padding-bottom: 48px; }
    .hero-section h1 { font-size: clamp(2.25rem, 9vw, 3rem); }
    .hero-section .lead { font-size: .98rem; margin-bottom: 28px !important; }
    .hero-actions { flex-direction: column; }
    .hero-actions .btn { width: 100%; font-size: .9rem; }
    .hero-badge { font-size: .7rem; }
    section.py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
    section > .container.py-5 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
    .display-5 { font-size: 2rem; }
    .section-subtitle { font-size: .75rem; }
    .glass-card { padding: 1.6rem; border-radius: 20px; }
    .contact-card.p-5 { padding: 1.6rem !important; }
    .contact-card .display-6 { font-size: 1.8rem; }
    #ventures .glass-card > .p-4 { padding: 1.5rem !important; }
    .contact-submit { width: 100%; min-width: 0; }
    .form-control-glass { padding: 14px; font-size: .9rem; }
    .bg-shape { filter: blur(70px); animation: none; }
}
@media (hover: none) {
    .glass-card:hover, .btn-glow:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* Başlıkta yerleşimi değiştirmeyen, sürekli renk akışı. */
.hero-section h1 {
    color: #a5b4fc;
    animation: hero-title-color 8s ease-in-out infinite;
}
.hero-section h1 #typed-text { color: inherit !important; }
@keyframes hero-title-color {
    0%, 100% { color: #a5b4fc; }
    33% { color: #7dd3fc; }
    66% { color: #f0abfc; }
}
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
    .hero-section h1 {
        background-image: linear-gradient(110deg, #f1f5f9 0%, #a5b4fc 22%, #7dd3fc 44%, #f0abfc 66%, #a5b4fc 82%, #f1f5f9 100%);
        background-size: 300% 100%;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: hero-title-gradient 8s ease-in-out infinite;
    }
}
@keyframes hero-title-gradient {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Ölçeklenebilir Epikod marka imzası. */
.navbar-brand {
    display: inline-flex;
    align-items: center;
    background: none;
    -webkit-text-fill-color: initial;
    padding: 0;
}
.brand-logo { display: block; width: 152px; height: auto; }
.footer-brand { margin-right: 0; }
.footer-brand .brand-logo { width: 180px; }
/* Theme control stays visible outside the collapsed mobile menu. */
:root { color-scheme: dark; }
:root {
    --muted-color: #a6b2c8;
    --nav-bg: rgba(11, 15, 25, .9);
    --contact-bg: linear-gradient(145deg, rgba(30, 41, 59, .8), rgba(15, 23, 42, .9));
    --footer-bg: rgba(11, 15, 25, .95);
    --picker-bg: #111827;
    --picker-active-bg: #29334b;
    --picker-active-color: #e0e7ff;
}
.theme-picker {
    order: 3;
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    margin-left: 20px;
    padding: 4px;
    border: 1px solid var(--glass-border);
    border-radius: 999px;
    background: var(--picker-bg);
    box-shadow: inset 0 1px 0 #ffffff05;
}
.theme-picker[hidden] { display: none; }
.theme-picker-indicator {
    position: absolute;
    inset: 4px auto 4px 4px;
    width: calc((100% - 8px) / 2);
    border-radius: inherit;
    background: var(--picker-active-bg);
    box-shadow: 0 2px 6px #0002;
    transform: translateX(100%);
    transition: transform .28s cubic-bezier(.2, .8, .2, 1), background-color .25s;
    pointer-events: none;
}
[data-theme="light"] .theme-picker-indicator { transform: translateX(0); }
.theme-option {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    min-height: 36px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--muted-color);
    font: 500 11px 'Poppins', sans-serif;
    cursor: pointer;
    transition: color .2s;
}
.theme-option svg { width: 17px; height: 17px; flex-shrink: 0; }
.theme-option:hover { color: var(--text-light); }
.theme-option[aria-pressed="true"] { color: var(--picker-active-color); }
.theme-option:focus-visible { outline: 2px solid var(--accent-color); outline-offset: 3px; }
body, .animated-bg, .code-window, .code-toolbar, .code-body, .code-status, .art-chip,
.form-label, .form-note, footer, .contact-card, .icon-box-glow {
    transition: background-color .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease;
}
.navbar, .navbar-scrolled { background: var(--nav-bg); }
.contact-card { background: var(--contact-bg); }
footer { background: var(--footer-bg); border-top: 1px solid var(--glass-border); z-index: 10; }
.form-note { color: var(--muted-color); }
.text-white { color: var(--text-light) !important; }
.text-white.text-opacity-50, .text-white.text-opacity-75 { color: var(--muted-color) !important; }
.icon-box-glow { color: var(--accent-color); }
[data-theme="light"] {
    color-scheme: light;
    --dark-bg: #f8fafc;
    --card-bg: rgba(255, 255, 255, .85);
    --text-light: #172033;
    --glass-border: rgba(30, 41, 59, .16);
    --accent-color: #0369a1;
    --primary-color: #4f46e5;
    --secondary-color: #a21caf;
    --muted-color: #526079;
    --nav-bg: rgba(248, 250, 252, .92);
    --contact-bg: linear-gradient(145deg, rgba(255, 255, 255, .95), rgba(232, 238, 252, .95));
    --footer-bg: rgba(248, 250, 252, .95);
    --picker-bg: #e9edf5;
    --picker-active-bg: #fff;
    --picker-active-color: #3730a3;
}
[data-theme="light"] .animated-bg { background: radial-gradient(circle at 10% 20%, #e8eefc 0%, #f8fafc 90%); }
[data-theme="light"] .bg-shape { opacity: .13; }
[data-theme="light"] .nav-link { color: #475569 !important; }
[data-theme="light"] .nav-link:hover,
[data-theme="light"] .nav-link:focus-visible,
[data-theme="light"] .nav-link[aria-current] { color: #172033 !important; }
[data-theme="light"] .navbar-toggler { --bs-navbar-toggler-border-color: rgba(30, 41, 59, .2); }
[data-theme="light"] .navbar-toggler-icon { filter: invert(1); }
[data-theme="light"] .text-white { --bs-white-rgb: 23, 32, 51; }
[data-theme="light"] .hero-section h1 { color: #4338ca; background-image: linear-gradient(110deg, #172033 0%, #4338ca 22%, #0369a1 44%, #a21caf 66%, #4338ca 82%, #172033 100%); animation-name: hero-title-gradient; }
[data-theme="light"] .btn-outline-light { --bs-btn-color: #334155; --bs-btn-border-color: #64748b; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #334155; --bs-btn-hover-border-color: #334155; --bs-btn-active-color: #fff; --bs-btn-active-bg: #334155; --bs-btn-active-border-color: #334155; }
[data-theme="light"] .glass-card:hover { box-shadow: 0 20px 40px rgba(30, 41, 59, .12); }
[data-theme="light"] .form-control-glass,
[data-theme="light"] .form-control-glass:focus,
[data-theme="light"] .form-control-glass option { background-color: #fff; color: #172033; }
[data-theme="light"] .form-control-glass::placeholder { color: #64748b; }
[data-theme="light"] .form-label,
[data-theme="light"] .form-note,
[data-theme="light"] .footer-links a { color: #475569; }
[data-theme="light"] .text-accent,
[data-theme="light"] .footer-links a:hover { color: #0369a1; }
[data-theme="light"] .art-chip { background: #fff; border-color: var(--glass-border); box-shadow: 0 12px 40px #1e293b20; }
[data-theme="light"] .art-chip i { color: #4338ca; }
[data-theme="light"] .code-window { background: linear-gradient(150deg, #fff, #eef2ff); border-color: #c4cde2; box-shadow: 0 35px 90px #33415518, 0 0 70px #6366f114; }
[data-theme="light"] .code-toolbar { background: #e4e9f660; border-color: var(--glass-border); }
[data-theme="light"] .code-toolbar p, [data-theme="light"] .code-status { color: var(--muted-color); }
[data-theme="light"] .code-body { color: #24324b; }
[data-theme="light"] .code-purple { color: #6d28d9; }
[data-theme="light"] .code-blue { color: #0369a1; }
[data-theme="light"] .code-string { color: #047857; }
[data-theme="light"] .code-function { color: #1d4ed8; }
[data-theme="light"] .code-annotation { color: #a16207; }
[data-theme="light"] .code-status { border-color: var(--glass-border); }
[data-theme="light"] .code-status span { background: #059669; box-shadow: 0 0 10px #05966940; }
[data-theme="light"] .glass-card { box-shadow: 0 8px 30px #33415508; }
[data-theme="light"] .form-status { color: #047857; }
@media (max-width: 991.98px) {
    .theme-picker { order: 0; margin-left: auto; margin-right: 12px; }
    .navbar-toggler { order: 1; }
    .navbar-collapse { order: 2; }
}
@media (max-width: 575.98px) {
    .brand-logo { width: 132px; }
    .theme-picker { margin-right: 8px; }
    .navbar-toggler { padding: 7px 8px; }
}
@media (max-width: 359.98px) {
    .navbar .brand-logo { width: 112px; }
}

.experience-section { z-index: 1; border-top: 1px solid var(--glass-border); }
.experience-intro { color: var(--muted-color); font-size: 1rem; line-height: 1.9; }
.experience-card { display: flex; flex-direction: column; }
.experience-number { color: var(--muted-color); font: 11px ui-monospace, monospace; letter-spacing: .1em; margin-bottom: 24px; }
.experience-card .icon-box-glow { width: 52px; height: 52px; font-size: 1.3rem; border-radius: 14px; }
.experience-card h3 { line-height: 1.4; margin-bottom: 16px; }
.experience-card p { color: var(--muted-color); font-size: .9rem; line-height: 1.85; }
.experience-card .experience-takeaway { margin-top: auto; padding-top: 20px; border-top: 1px solid var(--glass-border); color: var(--text-light); font-weight: 500; }
.experience-principle { display: flex; align-items: center; gap: 20px; padding: 24px 28px; background: var(--card-bg); border: 1px solid var(--glass-border); border-radius: 18px; }
.experience-principle > i { color: var(--accent-color); font-size: 1.5rem; }
.experience-principle p { color: var(--muted-color); font-size: .9rem; line-height: 1.8; }
.experience-principle strong { color: var(--text-light); }
.experience-reference { color: var(--muted-color); font-size: .75rem; line-height: 1.8; }
.experience-reference a { color: var(--accent-color); text-underline-offset: 3px; }
.experience-reference i { margin-left: 4px; font-size: .65rem; }
@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar .brand-logo { width: 120px; }
    .navbar .nav-link { font-size: .78rem; margin: 0 6px; white-space: nowrap; }
    .navbar-nav .btn { font-size: .78rem !important; padding-inline: 16px !important; }
    .theme-picker { margin-left: 12px; }
}
@media (max-width: 575.98px) {
    .experience-principle { align-items: flex-start; padding: 20px; gap: 14px; }
    .experience-principle > i { margin-top: 5px; }
}

.team-section, .location-section { z-index: 1; }
.section-description { color: var(--muted-color); line-height: 1.85; max-width: 650px; }
.team-card { display: flex; flex-direction: column; }
.team-card-top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 30px; gap: 12px; }
.team-avatar { display: grid; place-items: center; width: 76px; height: 76px; flex-shrink: 0; border-radius: 24px; background: linear-gradient(145deg, #6366f125, #0ea5e925); color: var(--accent-color); font: 700 24px 'Sora', sans-serif; border: 1px solid var(--glass-border); }
.team-avatar-code { background: linear-gradient(145deg, #6366f125, #d946ef25); }
.team-avatar-ai { background: linear-gradient(145deg, #d946ef25, #f9731620); }
.team-badge { padding: 6px 10px; border: 1px solid var(--glass-border); border-radius: 999px; color: var(--muted-color); font-size: .7rem; }
.team-card h3 { line-height: 1.4; }
.team-role { color: var(--accent-color); font-size: .85rem; margin: 6px 0 14px; font-weight: 500; }
.team-description { color: var(--muted-color); font-size: .9rem; line-height: 1.8; margin-bottom: 28px; }
.team-focus { margin-top: auto; padding-top: 20px; border-top: 1px solid var(--glass-border); color: var(--muted-color); font-size: .75rem; }
.team-focus i { color: var(--accent-color); margin-right: 8px; }
.location-panel { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--glass-border); border-radius: 28px; overflow: hidden; background: var(--card-bg); }
.location-content { padding: 44px; }
.location-address { display: flex; gap: 18px; margin-top: 32px; }
.location-address > i { color: var(--accent-color); font-size: 24px; margin-top: 6px; }
.location-label { font: 11px ui-monospace, monospace; letter-spacing: .14em; color: var(--muted-color); }
.location-address address { font-style: normal; font-size: .95rem; line-height: 1.85; margin-top: 8px; margin-bottom: 0; }
.location-map-link { display: inline-flex; align-items: center; gap: 10px; font-size: .8rem; color: var(--accent-color); text-decoration: none; padding: 10px 0; }
.location-map-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.location-map { min-height: 420px; background: var(--picker-bg); }
.location-map iframe { display: block; width: 100%; height: 100%; min-height: 420px; border: 0; }
.field-error { display: block; color: #fda4af; font-size: .75rem; line-height: 1.7; margin-top: 6px; }
.field-error:empty, .form-feedback:empty { display: none; }
.form-feedback { color: #fda4af; font-size: .85rem; text-align: center; line-height: 1.8; }
.form-control-glass[aria-invalid="true"] { border-color: #fb7185; }
.form-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.contact-submit:disabled { opacity: .7; cursor: wait; }
.success-dialog { width: min(480px, calc(100% - 32px)); padding: 44px 32px 36px; background: var(--dark-bg); color: var(--text-light); border: 1px solid var(--glass-border); border-radius: 28px; text-align: center; box-shadow: 0 30px 100px #0005; }
.success-dialog::backdrop { background: #080d1bcc; backdrop-filter: blur(8px); }
.success-dialog[open] { animation: dialog-appear .25s ease-out; }
.success-dialog h2 { font: 700 1.8rem/1.3 'Sora', sans-serif; letter-spacing: -.04em; }
.success-dialog > p { color: var(--muted-color); font-size: .9rem; line-height: 1.85; margin: 18px 0 28px; }
.success-dialog .section-subtitle { font-size: .7rem; }
.dialog-close { position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; border: 1px solid var(--glass-border); border-radius: 50%; color: var(--muted-color); background: var(--card-bg); }
.success-emblem { display: grid; place-items: center; width: 78px; height: 78px; margin: 0 auto 28px; color: #34d399; font-size: 28px; border: 1px solid #34d39950; border-radius: 50%; background: #34d39914; box-shadow: 0 0 0 9px #34d39908; }
@keyframes dialog-appear { from { opacity: 0; transform: translateY(14px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
[data-theme="light"] .field-error, [data-theme="light"] .form-feedback { color: #be123c; }
[data-theme="light"] .success-emblem { color: #047857; }
@media (min-width: 1200px) {
    .navbar .nav-link { margin: 0 7px; font-size: .875rem; white-space: nowrap; }
}
@media (max-width: 1199.98px) {
    .navbar .brand-logo { width: 152px; }
    .navbar-collapse { padding: 18px 0 10px; max-height: calc(100svh - 90px); overflow-y: auto; order: 2; }
    .navbar-nav { align-items: stretch !important; gap: 4px; }
    .navbar .nav-link { margin: 0; padding: 12px 4px; font-size: 1rem; width: fit-content; }
    .navbar-nav .btn { width: 100%; font-size: 1rem !important; }
    .theme-picker { order: 0; margin-left: auto; margin-right: 12px; }
    .navbar-toggler { order: 1; }
}
@media (max-width: 767.98px) {
    .location-panel { grid-template-columns: 1fr; }
    .location-content { padding: 30px; }
    .location-map, .location-map iframe { min-height: 320px; }
}
@media (max-width: 575.98px) {
    .navbar .brand-logo { width: 132px; }
    .theme-picker { margin-right: 8px; }
    .location-content { padding: 26px; }
    .success-dialog { padding: 42px 24px 30px; }
}
@media (max-width: 359.98px) { .navbar .brand-logo { width: 112px; } }