/* Hero Section - Tiyatro Perdesi Teması */
.hero {
    position: relative;
    min-height: calc(100vh - 97.5px); /* Subtract header height */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: 
        linear-gradient(135deg, 
            rgba(122, 30, 44, 0.8) 0%, /* Bordo Perde */
            rgba(217, 65, 65, 0.7) 25%, /* Kızıl Sahne */
            rgba(122, 30, 44, 0.6) 50%, /* Bordo Perde */
            rgba(244, 197, 66, 0.5) 75%, /* Altın Işık */
            rgba(122, 30, 44, 0.4) 100% /* Bordo Perde */
        ),
        url('../hero-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 97.5px; /* Use margin instead of padding to avoid overflow */
    padding: 2rem 0; /* Add some padding for better spacing */
    width: 100%; /* Ensure full width */
    max-width: 100vw; /* Use viewport width */
    box-sizing: border-box; /* Include padding in width calculation */
}

/* Tiyatro Perdesi Arkaplan - Gerçek Görsel Üzerine Efektler */
.hero-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        /* Perde gölgeleri - Derinlik ve atmosfer */
        radial-gradient(circle at 20% 80%, rgba(20, 0, 0, 0.6) 0%, transparent 40%),
        radial-gradient(circle at 80% 20%, rgba(60, 0, 0, 0.5) 0%, transparent 40%),
        radial-gradient(circle at 50% 50%, rgba(100, 0, 0, 0.4) 0%, transparent 50%),
        /* Ek perde dokuları - Hafif dokular */
        repeating-linear-gradient(
            45deg,
            transparent 0px,
            transparent 40px,
            rgba(20, 0, 0, 0.2) 40px,
            rgba(20, 0, 0, 0.2) 80px
        );
    z-index: 1;
    width: 100%; /* Ensure full width */
    max-width: 100%; /* Don't exceed viewport */
    box-sizing: border-box;
}

/* Perde Kıvrımları - Hafif Perde Katları */
.hero-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: 
        /* Yatay perde katları - Hafif ve zarif */
        repeating-linear-gradient(
            0deg,
            transparent 0px,
            transparent 30px,
            rgba(20, 0, 0, 0.4) 30px,
            rgba(20, 0, 0, 0.4) 35px,
            transparent 35px,
            transparent 65px,
            rgba(40, 0, 0, 0.35) 65px,
            rgba(40, 0, 0, 0.35) 70px,
            transparent 70px,
            transparent 100px,
            rgba(60, 0, 0, 0.3) 100px,
            rgba(60, 0, 0, 0.3) 105px,
            transparent 105px,
            transparent 135px,
            rgba(80, 0, 0, 0.25) 135px,
            rgba(80, 0, 0, 0.25) 140px,
            transparent 140px,
            transparent 170px,
            rgba(100, 0, 0, 0.2) 170px,
            rgba(100, 0, 0, 0.2) 175px
        );
    animation: curtainWave 8s ease-in-out infinite;
}

.hero-background::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: 
        /* Dikey perde katları - Hafif ve zarif */
        repeating-linear-gradient(
            90deg,
            transparent 0px,
            transparent 40px,
            rgba(20, 0, 0, 0.35) 40px,
            rgba(20, 0, 0, 0.35) 45px,
            transparent 45px,
            transparent 85px,
            rgba(40, 0, 0, 0.3) 85px,
            rgba(40, 0, 0, 0.3) 90px,
            transparent 90px,
            transparent 130px,
            rgba(60, 0, 0, 0.25) 130px,
            rgba(60, 0, 0, 0.25) 135px,
            transparent 135px,
            transparent 175px,
            rgba(80, 0, 0, 0.2) 175px,
            rgba(80, 0, 0, 0.2) 180px,
            transparent 180px,
            transparent 220px,
            rgba(100, 0, 0, 0.15) 220px,
            rgba(100, 0, 0, 0.15) 225px
        );
    animation: curtainWave 12s ease-in-out infinite reverse;
}

/* Spot Işıkları - Hafif Kırmızı Tema */
.hero-background .spotlight {
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(255, 0, 0, 0.25) 0%, rgba(255, 0, 0, 0.15) 20%, rgba(255, 0, 0, 0.08) 40%, transparent 70%);
    border-radius: 50%;
    animation: spotlightMove 15s ease-in-out infinite;
    filter: blur(1px);
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.2);
}

.hero-background .spotlight:nth-child(1) {
    top: 20%;
    left: 15%;
    animation-delay: 0s;
}

.hero-background .spotlight:nth-child(2) {
    top: 60%;
    right: 20%;
    animation-delay: 5s;
}

.hero-background .spotlight:nth-child(3) {
    bottom: 30%;
    left: 50%;
    animation-delay: 10s;
}

/* Hero Content */
.hero-content {
    position: relative;
    z-index: 3;
    text-align: center;
    width: 80% !important; /* Changed from max-width to width to ensure actual 80% width */
    padding: 2.5rem 2rem; /* Increased padding for better spacing */
    background: rgba(44, 24, 16, 0.15); /* Koyu Kahve - Light background */
    backdrop-filter: blur(15px);
    border: 2px solid rgba(244, 197, 66, 0.4); /* Altın Işık - Thin frame */
    border-radius: 20px;
    box-shadow: 
        0 25px 50px rgba(122, 30, 44, 0.3), /* Bordo Perde */
        0 0 0 1px rgba(244, 197, 66, 0.3), /* Altın Işık */
        inset 0 1px 0 rgba(250, 243, 224, 0.1); /* Krem Beyaz */
    max-width: 80%; /* Ensure it doesn't exceed viewport */
    box-sizing: border-box; /* Include padding in width calculation */
}

/* Dramatik Başlık */
.hero-title {
    margin-bottom: 1.5rem; /* Reduced from 2rem */
    position: relative;
}

.title-main {
    display: block;
    font-size: 3.5rem; /* Reduced from 4.5rem */
    font-weight: 800;
    color: var(--krem-beyaz); /* Krem Beyaz */
    text-shadow: 
        0 0 20px rgba(244, 197, 66, 0.8), /* Altın Işık */
        0 0 40px rgba(244, 197, 66, 0.4),
        0 0 60px rgba(244, 197, 66, 0.2);
    margin-bottom: 0.75rem; /* Reduced from 1rem */
    letter-spacing: -0.02em;
    animation: titleGlow 3s ease-in-out infinite alternate;
}

.title-subtitle {
    display: block;
    font-size: 2rem; /* Reduced from 2.5rem */
    font-weight: 600;
    color: var(--altin-isik); /* Altın Işık */
    text-shadow: 0 0 15px rgba(244, 197, 66, 0.6);
    margin-bottom: 0.5rem;
    letter-spacing: 0.05em;
}

.title-accent {
    display: block;
    font-size: 1.4rem; /* Reduced from 1.8rem */
    font-weight: 500;
    color: #e5e7eb;
    text-shadow: 0 0 10px rgba(229, 231, 235, 0.4);
    font-style: italic;
    margin-top: 0.5rem;
}

/* Güçlü Slogan */
.hero-description {
    font-size: 1.1rem; /* Reduced from 1.3rem */
    color: #d1d5db;
    line-height: 1.6; /* Reduced from 1.8 */
    margin-bottom: 2rem; /* Reduced from 3rem */
    max-width: 700px; /* Reduced from 800px */
    margin-left: auto;
    margin-right: auto;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    position: relative;
}

/* Remove the pseudo-element quotes to avoid confusion */
.hero-description::before,
.hero-description::after {
    display: none;
}

/* Hero Buttons - Kaldırıldı */
.hero-buttons {
    display: none;
}

.btn-hero {
    padding: 1rem 2.5rem;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
}

.btn-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.btn-hero:hover::before {
    left: 100%;
}

.btn-hero.btn-primary {
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    color: #1f2937;
    box-shadow: 
        0 10px 30px rgba(251, 191, 36, 0.4),
        0 0 0 1px rgba(251, 191, 36, 0.2);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.btn-hero.btn-primary i {
    font-size: 1.2rem;
    transition: transform 0.3s ease;
}

.btn-hero.btn-primary:hover i {
    transform: scale(1.2);
}

.btn-hero.btn-primary:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 
        0 20px 40px rgba(251, 191, 36, 0.6),
        0 0 0 1px rgba(251, 191, 36, 0.4);
}

.btn-hero.btn-secondary {
    background: transparent;
    color: #ffffff;
    border-color: #fbbf24;
    box-shadow: 0 0 0 1px rgba(251, 191, 36, 0.3);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.btn-hero.btn-secondary i {
    font-size: 1.2rem;
    transition: transform 0.3s ease;
}

.btn-hero.btn-secondary:hover i {
    transform: scale(1.2);
}

.btn-hero.btn-secondary:hover {
    background: rgba(251, 191, 36, 0.1);
    transform: translateY(-3px) scale(1.05);
    box-shadow: 
        0 10px 30px rgba(251, 191, 36, 0.3),
        0 0 0 1px rgba(251, 191, 36, 0.5);
}

/* Scroll Indicator kaldırıldı */

/* Animasyonlar */
@keyframes curtainWave {
    0%, 100% { transform: translateX(0) translateY(0); }
    25% { transform: translateX(-10px) translateY(-5px); }
    50% { transform: translateX(5px) translateY(-10px); }
    75% { transform: translateX(-5px) translateY(5px); }
}

@keyframes spotlightMove {
    0%, 100% { 
        transform: translate(0, 0) scale(1);
        opacity: 0.3;
    }
    25% { 
        transform: translate(50px, -30px) scale(1.2);
        opacity: 0.6;
    }
    50% { 
        transform: translate(-30px, 50px) scale(0.8);
        opacity: 0.4;
    }
    75% { 
        transform: translate(40px, 20px) scale(1.1);
        opacity: 0.5;
    }
}

@keyframes titleGlow {
    0% { 
        text-shadow: 
            0 0 20px rgba(244, 197, 66, 0.8), /* Altın Işık */
            0 0 40px rgba(244, 197, 66, 0.4),
            0 0 60px rgba(244, 197, 66, 0.2);
    }
    100% { 
        text-shadow: 
            0 0 30px rgba(244, 197, 66, 1), /* Altın Işık */
            0 0 50px rgba(244, 197, 66, 0.6),
            0 0 70px rgba(244, 197, 66, 0.4);
    }
}

/* Bounce animasyonu kaldırıldı */

/* Responsive */
@media (max-width: 768px) {
    .hero {
        min-height: calc(100vh - 97.5px);
        margin-top: 97.5px;
        padding: 1rem 0; /* Reduced padding */
        width: 100%; /* Ensure full width */
        max-width: 100vw; /* Use viewport width */
        box-sizing: border-box; /* Include padding in width calculation */
    }
    
    /* Duplicate hero-content removed - using main rule */
    
    .title-main {
        font-size: 2.5rem; /* Reduced from 3rem */
    }
    
    .title-subtitle {
        font-size: 1.5rem; /* Reduced from 1.8rem */
    }
    
    .title-accent {
        font-size: 1.1rem; /* Reduced from 1.4rem */
    }
    
    .hero-description {
        font-size: 1rem; /* Reduced from 1.1rem */
        margin-bottom: 1.5rem; /* Reduced margin */
    }
    
    .hero-buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .btn-hero {
        width: 100%;
        max-width: 280px; /* Reduced from 300px */
        text-align: center;
    }
}

/* ===== SECTION STYLES ===== */

/* Genel Section Ayarları */
section {
    position: relative;
    width: 100%;
    min-height: 100vh; /* Minimum viewport height */
    overflow: visible; /* Normal scroll için */
    display: block;
    transition: all 0.3s ease;
    max-width: 100vw; /* Use viewport width */
    box-sizing: border-box; /* Include padding in width calculation */
}

/* Section Container */
.container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: var(--spacing-2xl) var(--spacing-lg);
    box-sizing: border-box;
}

/* Section Header */
.section-header {
    text-align: center;
    margin-bottom: var(--spacing-3xl);
}

.section-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: var(--spacing-md);
    line-height: 1.2;
}

.section-subtitle {
    font-size: clamp(1.125rem, 2.5vw, 1.5rem);
    color: var(--text-secondary);
    font-weight: 400;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Duplicate hero section removed */

/* Duplicate hero-background removed */

/* Duplicate hero-content removed */

/* Duplicate hero-title removed */

/* Duplicate title-main removed */

/* Duplicate title-subtitle removed */

/* Duplicate title-accent removed */

/* Duplicate hero-description removed */

.quote-container {
    position: relative;
    padding: var(--spacing-lg) 0; /* Reduced from var(--spacing-2xl) */
    max-width: 900px; /* Increased from 600px for wider text */
    margin: 0 auto;
    width: 100%; /* Ensure full width */
    max-width: 100%; /* Don't exceed viewport */
    box-sizing: border-box; /* Include padding in width calculation */
}

.quote-mark {
    position: absolute;
    font-size: clamp(3rem, 10vw, 6rem); /* Reduced from clamp(4rem, 12vw, 8rem) */
    color: var(--altin-isik); /* Altın Işık - Updated to match theme */
    opacity: 0.4;
    font-family: 'Playfair Display', serif;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.quote-left {
    left: -2rem; /* Reduced from -3rem */
    top: -0.5rem; /* Reduced from -1rem */
}

.quote-right {
    right: -2rem; /* Reduced from -3rem */
    bottom: -0.5rem; /* Reduced from -1rem */
}

.quote-container p {
    font-size: clamp(1.125rem, 2.5vw, 1.5rem); /* Reduced from clamp(1.25rem, 3vw, 1.75rem) */
    line-height: 1.6; /* Reduced from 1.8 */
    color: var(--krem-beyaz); /* Krem Beyaz - Updated to match theme */
    opacity: 0.95;
    max-width: 500px; /* Reduced from 600px */
    margin: 0 auto;
    font-weight: 400;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    width: 100%; /* Ensure full width */
    max-width: 100%; /* Don't exceed viewport */
    box-sizing: border-box; /* Include padding in width calculation */
}

.hero-actions {
    display: flex;
    gap: var(--spacing-lg); /* Reduced from var(--spacing-xl) */
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: var(--spacing-2xl); /* Reduced from var(--spacing-3xl) */
    width: 100%; /* Ensure full width */
    max-width: 100%; /* Don't exceed viewport */
    box-sizing: border-box; /* Include padding in width calculation */
}

.hero-actions .btn {
    min-width: 200px; /* Reduced from 220px */
    padding: var(--spacing-md) var(--spacing-xl); /* Reduced from var(--spacing-lg) var(--spacing-2xl) */
    font-size: 1rem; /* Reduced from 1.125rem */
    font-weight: 600;
    border-radius: var(--border-radius-lg);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.hero-actions .btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4);
}

.hero-actions .btn-primary {
    background: linear-gradient(135deg, var(--bordo-perde) 0%, var(--kizil-sahne) 100%);
    border: none;
    color: var(--krem-beyaz);
}

.hero-actions .btn-primary:hover {
    background: linear-gradient(135deg, var(--kizil-sahne) 0%, #5a1621 100%);
}

.hero-actions .btn-outline {
    background: transparent;
    border: 2px solid var(--altin-isik);
    color: var(--altin-isik);
}

.hero-actions .btn-outline:hover {
    background: var(--altin-isik);
    color: var(--koyu-kahve);
    border-color: var(--altin-isik);
}

/* Scroll hint removed - no longer needed */

/* About Section */
.about {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    padding: var(--spacing-3xl) 0;
}

.about-content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--spacing-3xl);
    align-items: start;
}

.about-text {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xl);
}

.founder-message,
.about-vision,
.about-mission {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%);
    padding: var(--spacing-xl);
    border-radius: var(--border-radius-lg);
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.15),
        0 0 0 1px rgba(244, 197, 66, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    border: 2px solid rgba(244, 197, 66, 0.3);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.founder-message::before,
.about-vision::before,
.about-mission::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(244, 197, 66, 0.1), transparent);
    transition: left 0.6s ease;
}

.founder-message:hover::before,
.about-vision:hover::before,
.about-mission:hover::before {
    left: 100%;
}

.founder-message:hover,
.about-vision:hover,
.about-mission:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(244, 197, 66, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    border-color: rgba(244, 197, 66, 0.6);
}

.founder-message h3,
.about-vision h3,
.about-mission h3 {
    font-family: 'Playfair Display', serif;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--spacing-md);
}

.founder-message p,
.about-vision p,
.about-mission p {
    font-size: 1.125rem;
    line-height: 1.7;
    color: var(--text-secondary);
    margin-bottom: var(--spacing-lg);
}

.founder-signature {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    border-top: 1px solid var(--border-light);
    padding-top: var(--spacing-md);
}

.founder-name {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 1.125rem;
}

.founder-title {
    color: var(--text-secondary);
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.about-stats {
    display: grid;
    grid-template-columns: 1fr; /* Changed from repeat(2, 1fr) to 1fr for single column */
    gap: var(--spacing-lg);
}

.stat-item {
    background: var(--white);
    padding: var(--spacing-xl);
    border-radius: var(--border-radius-lg);
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--border-light);
    transition: all 0.3s ease;
}

.stat-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.stat-number {
    font-family: 'Playfair Display', serif;
    font-size: 3rem;
    font-weight: 700;
    color: var(--primary-500);
    margin-bottom: var(--spacing-sm);
    line-height: 1;
}

.stat-label {
    font-size: 1rem;
    color: var(--text-secondary);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}



/* Academy Section */
.academy-preview {
    background: 
        linear-gradient(135deg, 
            rgba(122, 30, 44, 0.1) 0%,
            rgba(244, 197, 66, 0.2) 25%,
            rgba(217, 65, 65, 0.1) 50%,
            rgba(244, 197, 66, 0.3) 75%,
            rgba(122, 30, 44, 0.1) 100%
        ),
        linear-gradient(45deg, #fef3c7 0%, #fde68a 50%, #fbbf24 100%);
    padding: var(--spacing-3xl) 0;
    position: relative;
    overflow: hidden;
}

.academy-preview::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 80%, rgba(244, 197, 66, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(217, 65, 65, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(122, 30, 44, 0.05) 0%, transparent 50%);
    animation: academyGlow 8s ease-in-out infinite alternate;
}

@keyframes academyGlow {
    0% { 
        opacity: 0.3;
        transform: scale(1) rotate(0deg);
    }
    100% { 
        opacity: 0.7;
        transform: scale(1.1) rotate(1deg);
    }
}

.academy-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
    align-items: center;
}

.academy-text h3 {
    font-family: 'Playfair Display', serif;
    font-size: 2rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--spacing-lg);
}

.academy-text p {
    font-size: 1.125rem;
    line-height: 1.7;
    color: var(--text-secondary);
    margin-bottom: var(--spacing-xl);
}

.academy-features {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-xl);
}

.feature-item {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

.feature-item i {
    color: var(--primary-500);
    font-size: 1.25rem;
}

.feature-item span {
    font-weight: 500;
    color: var(--text-primary);
}

.btn-academy {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
    background: var(--primary-500);
    color: var(--white);
    padding: var(--spacing-md) var(--spacing-xl);
    border-radius: var(--border-radius-md);
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-academy:hover {
    background: var(--primary-600);
    transform: translateY(-2px);
}

.academy-image {
    text-align: center;
}

.academy-placeholder {
    width: 300px;
    height: 300px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%);
    border-radius: var(--border-radius-lg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    box-shadow: 
        0 12px 40px rgba(0, 0, 0, 0.15),
        0 0 0 1px rgba(244, 197, 66, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    border: 2px solid rgba(244, 197, 66, 0.4);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.academy-placeholder::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(244, 197, 66, 0.15), transparent);
    transition: left 0.8s ease;
}

.academy-placeholder:hover::before {
    left: 100%;
}

.academy-placeholder:hover {
    transform: translateY(-10px) scale(1.05) rotate(2deg);
    box-shadow: 
        0 25px 50px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(244, 197, 66, 0.6),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    border-color: rgba(244, 197, 66, 0.8);
}

.academy-placeholder i {
    font-size: 4rem;
    color: var(--primary-500);
    margin-bottom: var(--spacing-md);
}

.academy-placeholder p {
    font-size: 1.25rem;
    color: var(--text-secondary);
    font-weight: 500;
}

/* Portfolio Section */
.portfolio-preview {
    background: linear-gradient(135deg, #1e1e2e 0%, #2d2d44 100%);
    color: var(--white);
    padding: var(--spacing-3xl) 0;
}

.portfolio-preview .section-title,
.portfolio-preview .section-subtitle {
    color: var(--white) !important;
}

/* Portfolio Grid Section */
.portfolio-grid-section {
    background: linear-gradient(135deg, #1e1e2e 0%, #2d2d44 100%);
    color: var(--white);
    padding: var(--spacing-xl) 0;
    min-height: 60vh;
}

.portfolio-grid-section .section-title,
.portfolio-grid-section .section-subtitle {
    color: var(--white) !important;
}

/* Portfolio Filter - Tamamen yeniden tasarlandı */
.portfolio-filter {
    background: linear-gradient(135deg, rgba(122, 30, 44, 0.95) 0%, rgba(217, 65, 65, 0.9) 100%);
    backdrop-filter: blur(15px);
    border-bottom: 2px solid rgba(244, 197, 66, 0.3);
    padding: var(--spacing-md) 0;
    position: relative;
    z-index: 100;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    margin-bottom: var(--spacing-lg);
}

.filter-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-md);
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}

.filter-btn {
    background: rgba(255, 255, 255, 0.15);
    color: var(--white);
    border: 2px solid rgba(255, 255, 255, 0.3);
    padding: var(--spacing-md) var(--spacing-lg);
    border-radius: var(--border-radius-lg);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 1rem;
    font-weight: 600;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.filter-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.6s ease;
}

.filter-btn:hover::before {
    left: 100%;
}

.filter-btn:hover {
    background: var(--altin-isik);
    color: var(--koyu-kahve);
    border-color: var(--altin-isik);
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(244, 197, 66, 0.4);
}

.filter-btn.active {
    background: var(--altin-isik);
    color: var(--koyu-kahve);
    border-color: var(--altin-isik);
    box-shadow: 0 6px 20px rgba(244, 197, 66, 0.3);
}

/* Portfolio grid responsive */
@media (max-width: 1200px) {
    .portfolio-grid {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: var(--spacing-lg);
    }
}

@media (max-width: 768px) {
    .portfolio-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: var(--spacing-md);
    }
    
    .filter-buttons {
        gap: var(--spacing-sm);
        padding: 0 var(--spacing-md);
    }
    
    .filter-btn {
        padding: var(--spacing-sm) var(--spacing-md);
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .portfolio-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
    }
    
    .filter-buttons {
        flex-direction: column;
        gap: var(--spacing-sm);
    }
    
    .filter-btn {
        width: 100%;
        text-align: center;
    }
}

/* Portfolio animations */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Portfolio Grid - Tamamen yeniden tasarlandı */
.portfolio-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: var(--spacing-xl);
    margin: var(--spacing-lg) 0;
    padding: 0 var(--spacing-lg);
}

.portfolio-item {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--border-radius-xl);
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    animation: slideInUp 0.8s ease-out;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    position: relative;
}

.portfolio-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--bordo-perde), var(--altin-isik), var(--kizil-sahne));
    transform: scaleX(0);
    transition: transform 0.4s ease;
}

.portfolio-item:hover::before {
    transform: scaleX(1);
}

.portfolio-item:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    border-color: var(--altin-isik);
}

.portfolio-item:hover .portfolio-overlay {
    opacity: 1;
    visibility: visible;
}

.portfolio-item:hover .portfolio-actions {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}

.portfolio-image {
    position: relative;
    height: 250px;
    background: linear-gradient(135deg, var(--gray-800), var(--gray-700));
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.portfolio-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, rgba(122, 30, 44, 0.3), rgba(217, 65, 65, 0.2));
    z-index: 1;
}

/* YouTube video thumbnail support - Geliştirildi */
.portfolio-image[data-youtube-thumbnail] {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.portfolio-image[data-youtube-thumbnail]:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(122, 30, 44, 0.4), rgba(217, 65, 65, 0.3));
    z-index: 1;
}

.portfolio-overlay {
    position: absolute;
    top: var(--spacing-md);
    right: var(--spacing-md);
    background: linear-gradient(135deg, var(--bordo-perde), var(--kizil-sahne));
    color: var(--white);
    padding: var(--spacing-sm) var(--spacing-md);
    border-radius: var(--border-radius-lg);
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 3;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.portfolio-actions {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    display: flex;
    gap: var(--spacing-md);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 3;
}

.portfolio-play,
.portfolio-info {
    width: 60px;
    height: 60px;
    border: none;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--altin-isik), #f59e0b);
    color: var(--koyu-kahve);
    font-size: 1.4rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 8px 25px rgba(244, 197, 66, 0.4);
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.portfolio-play:hover,
.portfolio-info:hover {
    background: linear-gradient(135deg, var(--bordo-perde), var(--kizil-sahne));
    color: var(--white);
    transform: scale(1.1);
    box-shadow: 0 12px 30px rgba(122, 30, 44, 0.5);
}

.portfolio-play {
    background: linear-gradient(135deg, var(--altin-isik), #f59e0b);
    color: var(--koyu-kahve);
}

.portfolio-play:hover {
    background: linear-gradient(135deg, var(--bordo-perde), var(--kizil-sahne));
    color: var(--white);
}

.portfolio-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    position: relative;
    color: var(--white);
}

.portfolio-placeholder i {
    font-size: 4rem;
    color: var(--altin-isik);
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}





.portfolio-cta {
    text-align: center;
    margin-top: var(--spacing-2xl);
}

/* Blog Section */
.blog-preview {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    padding: var(--spacing-3xl) 0;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: var(--spacing-xl);
    margin-bottom: var(--spacing-3xl);
}

.blog-card {
    background: var(--white);
    border-radius: var(--border-radius-lg);
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--border-light);
    transition: all 0.3s ease;
}

.blog-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.blog-image {
    height: 200px;
    background: var(--gray-800);
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-sm);
}

.blog-placeholder i {
    font-size: 3rem;
    color: var(--primary-400);
}

.blog-placeholder p {
    color: var(--gray-400);
    font-size: 0.875rem;
}

.blog-content {
    padding: var(--spacing-lg);
}

.blog-meta {
    display: flex;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-md);
}

.blog-date,
.blog-category {
    font-size: 0.75rem;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.blog-category {
    color: var(--primary-500);
    font-weight: 600;
}

.blog-content h3 {
    font-family: 'Playfair Display', serif;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--spacing-md);
    line-height: 1.4;
}

.blog-content p {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--text-secondary);
    margin-bottom: var(--spacing-lg);
}

.btn-blog {
    display: inline-block;
    color: var(--primary-500);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.btn-blog:hover {
    color: var(--primary-600);
    transform: translateX(5px);
}

.blog-cta {
    text-align: center;
}

/* Contact Section */
.contact-preview {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    color: var(--white);
    padding: var(--spacing-3xl) 0;
}

.contact-preview .section-title,
.contact-preview .section-subtitle {
    color: var(--white) !important;
}

.contact-content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--spacing-3xl);
    align-items: start;
}

.contact-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
}

.contact-item {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-md);
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--border-radius-lg);
    padding: var(--spacing-lg);
}

.contact-icon {
    width: 50px;
    height: 50px;
    background: var(--primary-500);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: var(--white);
    flex-shrink: 0;
}

.contact-details h4 {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--white);
    margin-bottom: var(--spacing-xs);
}

.contact-details p {
    font-size: 0.875rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.8);
}

.contact-cta {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--border-radius-lg);
    padding: var(--spacing-xl);
    text-align: center;
}

.contact-cta h3 {
    font-family: 'Playfair Display', serif;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--white);
    margin-bottom: var(--spacing-md);
}

.contact-cta p {
    font-size: 1rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: var(--spacing-xl);
}

/* İletişim Form Mobil Uyumluluk */
.contact-form {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--border-radius-lg);
    padding: var(--spacing-xl);
    width: 100%; /* Ensure full width */
    max-width: 100%; /* Don't exceed viewport */
    box-sizing: border-box; /* Include padding in width calculation */
}

.contact-form .form-group {
    margin-bottom: var(--spacing-lg);
    width: 100%; /* Ensure full width */
    max-width: 100%; /* Don't exceed viewport */
    box-sizing: border-box; /* Include padding in width calculation */
}

.contact-form label {
    display: block;
    color: var(--white);
    font-weight: 500;
    margin-bottom: var(--spacing-xs);
    font-size: 0.9rem;
}

.contact-form input,
.contact-form textarea,
.contact-form select {
    width: 100%;
    padding: var(--spacing-md);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: var(--border-radius-md);
    background: rgba(255, 255, 255, 0.1);
    color: var(--white);
    font-size: 0.9rem;
    transition: all 0.3s ease;
    box-sizing: border-box; /* Include padding in width calculation */
}

.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus {
    outline: none;
    border-color: var(--primary-500);
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.contact-form textarea {
    min-height: 120px;
    resize: vertical;
}

.contact-form .btn {
    width: 100%;
    padding: var(--spacing-md) var(--spacing-lg);
    background: var(--primary-500);
    color: var(--white);
    border: none;
    border-radius: var(--border-radius-md);
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-sizing: border-box; /* Include padding in width calculation */
}

.contact-form .btn:hover {
    background: var(--primary-600);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.3);
}

/* Contact Form Container Responsive */
@media (max-width: 992px) {
    .contact-form-container {
        grid-template-columns: 1fr;
        gap: var(--spacing-2xl);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .form-sidebar {
        order: -1; /* Sidebar'ı üste taşı */
    }
}

@media (max-width: 768px) {
    .contact-form-container {
        grid-template-columns: 1fr;
        gap: var(--spacing-xl);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .form-content {
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .form-sidebar {
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
        order: -1; /* Sidebar'ı üste taşı */
    }
    
    .contact-form {
        padding: var(--spacing-md);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .contact-form .form-group {
        margin-bottom: var(--spacing-md);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .contact-form input,
    .contact-form textarea,
    .contact-form select {
        padding: var(--spacing-sm);
        font-size: 0.9rem;
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .contact-form .btn {
        width: 100%;
        padding: var(--spacing-md);
        font-size: 1rem;
        box-sizing: border-box;
    }
}

@media (max-width: 576px) {
    .contact-form-container {
        gap: var(--spacing-lg);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .contact-form {
        padding: var(--spacing-sm);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .contact-form .form-group {
        margin-bottom: var(--spacing-sm);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .contact-form input,
    .contact-form textarea,
    .contact-form select {
        padding: var(--spacing-xs);
        font-size: 0.85rem;
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .contact-form .btn {
        padding: var(--spacing-sm) var(--spacing-md);
        font-size: 0.9rem;
        width: 100%; /* Ensure full width */
        box-sizing: border-box;
    }
}

@media (max-width: 375px) {
    .contact-form-container {
        gap: var(--spacing-md);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .contact-form {
        padding: var(--spacing-xs);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .contact-form .form-group {
        margin-bottom: var(--spacing-sm);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .contact-form input,
    .contact-form textarea,
    .contact-form select {
        padding: var(--spacing-xs);
        font-size: 0.85rem;
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .contact-form .btn {
        padding: var(--spacing-xs) var(--spacing-sm);
        font-size: 0.85rem;
        width: 100%; /* Ensure full width */
        box-sizing: border-box;
    }
}

/* CTA Section Styles */
.cta-section {
    background: linear-gradient(135deg, var(--bordo-perde) 0%, var(--kizil-sahne) 100%);
    color: var(--krem-beyaz);
    padding: var(--spacing-3xl) 0;
    position: relative;
    overflow: hidden;
}

.cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 80%, rgba(20, 0, 0, 0.3) 0%, transparent 40%),
        radial-gradient(circle at 80% 20%, rgba(60, 0, 0, 0.2) 0%, transparent 40%);
    z-index: 1;
}

.cta-content {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--spacing-3xl);
    align-items: center;
}

.cta-text h2 {
    font-family: var(--font-heading);
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    margin-bottom: var(--spacing-md);
    color: var(--krem-beyaz);
}

.cta-text p {
    font-size: 1.125rem;
    line-height: 1.7;
    margin-bottom: var(--spacing-xl);
    color: rgba(255, 255, 255, 0.9);
}

.cta-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-md);
}

.cta-feature {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    color: var(--altin-isik);
}

.cta-feature i {
    font-size: 1.25rem;
    color: var(--altin-isik);
}

.cta-feature span {
    font-weight: 500;
    font-size: 0.95rem;
}

.cta-actions {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    align-items: center;
}

.cta-actions .btn {
    min-width: 200px;
    text-align: center;
}

/* Values Section Styles */
.values-section {
    background: var(--white);
    padding: var(--spacing-3xl) 0;
}

.values-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--spacing-xl);
    margin-top: var(--spacing-2xl);
}

.value-item {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: var(--border-radius-lg);
    padding: var(--spacing-xl);
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: var(--shadow-sm);
}

.value-item:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
    border-color: var(--altin-isik);
}

.value-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--bordo-perde), var(--kizil-sahne));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--spacing-lg);
    color: var(--krem-beyaz);
    font-size: 2rem;
}

.value-item h3 {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: var(--spacing-md);
    color: var(--text-primary);
}

.value-item p {
    color: var(--text-secondary);
    line-height: 1.6;
    font-size: 1rem;
}

/* Team Section Styles */
.team-section {
    background: var(--gray-50);
    padding: var(--spacing-3xl) 0;
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--spacing-xl);
    margin-top: var(--spacing-2xl);
}

.team-member {
    background: var(--white);
    border-radius: var(--border-radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s ease;
}

.team-member:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.member-image {
    height: 200px;
    background: linear-gradient(135deg, var(--bordo-perde), var(--kizil-sahne));
    display: flex;
    align-items: center;
    justify-content: center;
}

.member-placeholder {
    color: var(--krem-beyaz);
    font-size: 3rem;
    opacity: 0.8;
}

.member-info {
    padding: var(--spacing-lg);
}

.member-info h3 {
    font-family: var(--font-heading);
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: var(--spacing-xs);
    color: var(--text-primary);
}

.member-title {
    color: var(--bordo-perde);
    font-weight: 500;
    margin-bottom: var(--spacing-sm);
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.member-bio {
    color: var(--text-secondary);
    line-height: 1.6;
    font-size: 0.9rem;
}

/* Services Section Styles */
.services-overview {
    background: var(--white);
    padding: var(--spacing-3xl) 0;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: var(--spacing-xl);
    margin-top: var(--spacing-2xl);
}

.service-card {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: var(--border-radius-lg);
    padding: var(--spacing-xl);
    transition: all 0.3s ease;
    box-shadow: var(--shadow-sm);
    position: relative;
    overflow: hidden;
}

.service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(244, 197, 66, 0.1), transparent);
    transition: left 0.6s ease;
}

.service-card:hover::before {
    left: 100%;
}

.service-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-lg);
    border-color: var(--altin-isik);
}

.service-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--bordo-perde), var(--kizil-sahne));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--spacing-lg);
    color: var(--krem-beyaz);
    font-size: 2rem;
}

.service-card h3 {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: var(--spacing-md);
    color: var(--text-primary);
    text-align: center;
}

.service-card p {
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: var(--spacing-lg);
    text-align: center;
}

.service-features {
    list-style: none;
    padding: 0;
    margin-bottom: var(--spacing-lg);
}

.service-features li {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    color: var(--text-secondary);
    margin-bottom: var(--spacing-sm);
    font-size: 0.95rem;
}

.service-features i {
    color: var(--altin-isik);
    font-size: 1rem;
}

.service-cta {
    text-align: center;
}

/* Production Process Styles */
.production-process {
    background: var(--gray-50);
    padding: var(--spacing-3xl) 0;
}

.process-steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--spacing-xl);
    margin-top: var(--spacing-2xl);
}

.process-step {
    background: var(--white);
    border-radius: var(--border-radius-lg);
    padding: var(--spacing-xl);
    box-shadow: var(--shadow-sm);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.process-step::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(122, 30, 44, 0.1), transparent);
    transition: left 0.6s ease;
}

.process-step:hover::before {
    left: 100%;
}

.process-step:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.step-number {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--bordo-perde), var(--kizil-sahne));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--krem-beyaz);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: var(--spacing-lg);
}

.step-content h3 {
    font-family: var(--font-heading);
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: var(--spacing-md);
    color: var(--text-primary);
}

.step-content p {
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: var(--spacing-lg);
}

.step-features {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

.step-features span {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.step-features i {
    color: var(--bordo-perde);
    font-size: 1rem;
}

/* Equipment Section Styles */
.equipment-section {
    background: var(--white);
    padding: var(--spacing-3xl) 0;
}

.equipment-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--spacing-xl);
    margin-top: var(--spacing-2xl);
}

.equipment-item {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: var(--border-radius-lg);
    padding: var(--spacing-xl);
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: var(--shadow-sm);
}

.equipment-item:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
    border-color: var(--altin-isik);
}

.equipment-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--bordo-perde), var(--kizil-sahne));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--spacing-lg);
    color: var(--krem-beyaz);
    font-size: 2rem;
}

.equipment-item h3 {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: var(--spacing-md);
    color: var(--text-primary);
}

.equipment-item p {
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: var(--spacing-lg);
}

.equipment-specs {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

.equipment-specs span {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.equipment-specs i {
    color: var(--altin-isik);
    font-size: 0.9rem;
}

/* Scroll indicator styles kaldırıldı */

/* ===== VIDEO MODAL STYLES ===== */
.video-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.video-modal.show {
    opacity: 1;
    visibility: visible;
}

.video-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.video-modal-content {
    position: relative;
    background: var(--white);
    border-radius: var(--border-radius-lg);
    padding: var(--spacing-lg);
    max-width: 90vw;
    max-height: 90vh;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    transform: scale(0.8);
    transition: transform 0.3s ease;
}

.video-modal.show .video-modal-content {
    transform: scale(1);
}

.video-modal-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 40px;
    height: 40px;
    background: var(--bordo-perde);
    border: 3px solid var(--white);
    border-radius: 50%;
    color: var(--white);
    font-size: 1.2rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 1;
}

.video-modal-close:hover {
    background: var(--kizil-sahne);
    transform: scale(1.1);
}

.video-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#youtubePlayer {
    width: 100%;
    height: 100%;
    min-height: 360px;
    min-width: 640px;
}

/* YouTube player responsive */
.youtube-player-responsive {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.youtube-player-responsive iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Responsive video modal */
@media (max-width: 768px) {
    .video-modal-content {
        padding: var(--spacing-md);
        max-width: 95vw;
        max-height: 95vh;
    }
    
    #youtubePlayer {
        min-height: 240px;
        min-width: 320px;
    }
    
    .video-modal-close {
        top: -10px;
        right: -10px;
        width: 35px;
        height: 35px;
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .video-modal-content {
        padding: var(--spacing-sm);
    }
    
    #youtubePlayer {
        min-height: 200px;
        min-width: 280px;
    }
}

/* Portfolio filter responsive */
@media (max-width: 768px) {
    .filter-buttons {
        gap: var(--spacing-xs);
    }
    
    .filter-btn {
        padding: var(--spacing-xs) var(--spacing-sm);
        font-size: 0.8rem;
    }
}

@media (max-width: 480px) {
    .filter-buttons {
        flex-direction: column;
        gap: var(--spacing-sm);
    }
    
    .filter-btn {
        width: 100%;
        text-align: center;
    }
}

/* Portfolio Stats Section */
.portfolio-stats {
    background: linear-gradient(135deg, var(--bordo-perde) 0%, var(--kizil-sahne) 100%);
    color: var(--white);
    padding: var(--spacing-3xl) 0;
    position: relative;
    overflow: hidden;
}

.portfolio-stats::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 80%, rgba(20, 0, 0, 0.3) 0%, transparent 40%),
        radial-gradient(circle at 80% 20%, rgba(60, 0, 0, 0.2) 0%, transparent 40%);
    z-index: 1;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--spacing-xl);
    position: relative;
    z-index: 2;
}

.stat-item {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--border-radius-xl);
    padding: var(--spacing-xl);
    text-align: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.stat-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(244, 197, 66, 0.1), transparent);
    transition: left 0.8s ease;
}

.stat-item:hover::before {
    left: 100%;
}

.stat-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    border-color: var(--altin-isik);
}

.stat-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--altin-isik), #f59e0b);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--spacing-lg);
    color: var(--koyu-kahve);
    font-size: 2rem;
    box-shadow: 0 8px 25px rgba(244, 197, 66, 0.4);
    border: 3px solid rgba(255, 255, 255, 0.3);
}

.stat-number {
    font-family: 'Playfair Display', serif;
    font-size: 3rem;
    font-weight: 700;
    color: var(--altin-isik);
    margin-bottom: var(--spacing-sm);
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.stat-label {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--white);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Portfolio CTA Section */
.portfolio-cta-section {
    background: linear-gradient(135deg, #1e1e2e 0%, #2d2d44 100%);
    color: var(--white);
    padding: var(--spacing-3xl) 0;
    position: relative;
    overflow: hidden;
}

.portfolio-cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 30% 70%, rgba(122, 30, 44, 0.2) 0%, transparent 50%),
        radial-gradient(circle at 70% 30%, rgba(217, 65, 65, 0.15) 0%, transparent 50%);
    z-index: 1;
}

.cta-content {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--spacing-3xl);
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}

.cta-text h2 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    margin-bottom: var(--spacing-lg);
    color: var(--white);
    line-height: 1.2;
}

.cta-text p {
    font-size: 1.125rem;
    line-height: 1.7;
    margin-bottom: var(--spacing-xl);
    color: rgba(255, 255, 255, 0.9);
}

.cta-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-xl);
}

.cta-feature {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    color: var(--altin-isik);
}

.cta-feature i {
    font-size: 1.25rem;
    color: var(--altin-isik);
}

.cta-feature span {
    font-weight: 500;
    font-size: 1rem;
    color: var(--white);
}

.cta-actions {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    align-items: flex-start;
}

.cta-actions .btn {
    min-width: 200px;
    text-align: center;
    padding: var(--spacing-md) var(--spacing-xl);
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: var(--border-radius-lg);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.cta-actions .btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

/* Section Header Styles */
.section-header {
    text-align: center;
    margin-bottom: var(--spacing-2xl);
}

.section-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: var(--white);
    margin-bottom: var(--spacing-md);
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.section-subtitle {
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-lg);
    }
    
    .cta-content {
        grid-template-columns: 1fr;
        gap: var(--spacing-2xl);
        text-align: center;
    }
    
    .cta-features {
        grid-template-columns: 1fr;
        gap: var(--spacing-sm);
    }
    
    .cta-actions {
        align-items: center;
    }
    
    .cta-actions .btn {
        min-width: 250px;
    }
}

@media (max-width: 480px) {
    .stats-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
    }
    
    .stat-item {
        padding: var(--spacing-lg);
    }
    
    .stat-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }
    
    .stat-number {
        font-size: 2.5rem;
    }
    
    .cta-actions .btn {
        min-width: 100%;
    }
}

.portfolio-placeholder i {
    font-size: 4rem;
    color: var(--altin-isik);
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.portfolio-title {
    font-family: 'Playfair Display', serif;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--white);
    line-height: 1.3;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    margin: 0;
    padding: var(--spacing-lg);
    text-align: center;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* ===== ACADEMY PAGE STYLES ===== */

/* Academy Overview Section */
.academy-overview-section {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    padding: var(--spacing-3xl) 0;
}

.academy-overview-content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--spacing-3xl);
    align-items: center;
}

.academy-overview-text h3 {
    font-family: 'Playfair Display', serif;
    font-size: 2rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--spacing-lg);
}

.academy-overview-text p {
    font-size: 1.125rem;
    line-height: 1.7;
    color: var(--text-secondary);
    margin-bottom: var(--spacing-xl);
}

.academy-overview-features {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-xl);
}

.academy-overview-feature-item {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

.academy-overview-feature-item i {
    color: var(--primary-500);
    font-size: 1.25rem;
}

.academy-overview-feature-item span {
    font-weight: 500;
    color: var(--text-primary);
}

.academy-overview-image {
    text-align: center;
}

.academy-overview-placeholder {
    width: 300px;
    height: 300px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%);
    border-radius: var(--border-radius-lg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    box-shadow: 
        0 12px 40px rgba(0, 0, 0, 0.15),
        0 0 0 1px rgba(244, 197, 66, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    border: 2px solid rgba(244, 197, 66, 0.4);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.academy-overview-placeholder::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(244, 197, 66, 0.15), transparent);
    transition: left 0.8s ease;
}

.academy-overview-placeholder:hover::before {
    left: 100%;
}

.academy-overview-placeholder:hover {
    transform: translateY(-10px) scale(1.05) rotate(2deg);
    box-shadow: 
        0 25px 50px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(244, 197, 66, 0.6),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    border-color: rgba(244, 197, 66, 0.8);
}

.academy-overview-placeholder i {
    font-size: 4rem;
    color: var(--primary-500);
    margin-bottom: var(--spacing-md);
}

.academy-overview-placeholder p {
    font-size: 1.25rem;
    color: var(--text-secondary);
    font-weight: 500;
}

/* Academy Courses Section */
.academy-courses-section {
    background: var(--white);
    padding: var(--spacing-3xl) 0;
}

.academy-courses-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: var(--spacing-xl);
    margin-top: var(--spacing-2xl);
}

.academy-course-card {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: var(--border-radius-lg);
    padding: var(--spacing-xl);
    transition: all 0.3s ease;
    box-shadow: var(--shadow-sm);
    position: relative;
    overflow: hidden;
}

.academy-course-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(244, 197, 66, 0.1), transparent);
    transition: left 0.6s ease;
}

.academy-course-card:hover::before {
    left: 100%;
}

.academy-course-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-lg);
    border-color: var(--altin-isik);
}

.academy-course-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--bordo-perde), var(--kizil-sahne));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--spacing-lg);
    color: var(--krem-beyaz);
    font-size: 2rem;
}

.academy-course-card h3 {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: var(--spacing-md);
    color: var(--text-primary);
    text-align: center;
}

.academy-course-card p {
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: var(--spacing-lg);
    text-align: center;
}

.academy-course-features {
    list-style: none;
    padding: 0;
    margin-bottom: var(--spacing-lg);
}

.academy-course-features li {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    color: var(--text-secondary);
    margin-bottom: var(--spacing-sm);
    font-size: 0.95rem;
}

.academy-course-features i {
    color: var(--altin-isik);
    font-size: 1rem;
}

.academy-course-duration {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    color: var(--primary-500);
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.academy-course-duration i {
    color: var(--primary-500);
}

/* Academy Instructors Section */
.academy-instructors-section {
    background: var(--gray-50);
    padding: var(--spacing-3xl) 0;
}

.academy-instructors-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--spacing-xl);
    margin-top: var(--spacing-2xl);
}

.academy-instructor-card {
    background: var(--white);
    border-radius: var(--border-radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s ease;
}

.academy-instructor-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.academy-instructor-image {
    height: 200px;
    background: linear-gradient(135deg, var(--bordo-perde), var(--kizil-sahne));
    display: flex;
    align-items: center;
    justify-content: center;
}

.academy-instructor-placeholder {
    color: var(--krem-beyaz);
    font-size: 3rem;
    opacity: 0.8;
}

.academy-instructor-info {
    padding: var(--spacing-lg);
}

.academy-instructor-info h3 {
    font-family: var(--font-heading);
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: var(--spacing-xs);
    color: var(--text-primary);
}

.academy-instructor-title {
    color: var(--bordo-perde);
    font-weight: 500;
    margin-bottom: var(--spacing-sm);
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.academy-instructor-bio {
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: var(--spacing-md);
    font-size: 0.9rem;
}

.academy-instructor-specialties {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
}

.academy-instructor-specialties span {
    background: var(--primary-100);
    color: var(--primary-700);
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: var(--border-radius-sm);
    font-size: 0.8rem;
    font-weight: 500;
}

/* Academy Facilities Section */
.academy-facilities-section {
    background: var(--white);
    padding: var(--spacing-3xl) 0;
}

.academy-facilities-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--spacing-xl);
    margin-top: var(--spacing-2xl);
}

.academy-facility-item {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: var(--border-radius-lg);
    padding: var(--spacing-xl);
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: var(--shadow-sm);
}

.academy-facility-item:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
    border-color: var(--altin-isik);
}

.academy-facility-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--bordo-perde), var(--kizil-sahne));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--spacing-lg);
    color: var(--krem-beyaz);
    font-size: 2rem;
}

.academy-facility-item h3 {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: var(--spacing-md);
    color: var(--text-primary);
}

.academy-facility-item p {
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: var(--spacing-lg);
}

/* Academy CTA Section */
.academy-cta-section {
    background: linear-gradient(135deg, var(--bordo-perde) 0%, var(--kizil-sahne) 100%);
    color: var(--krem-beyaz);
    padding: var(--spacing-3xl) 0;
    position: relative;
    overflow: hidden;
}

.academy-cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 80%, rgba(20, 0, 0, 0.3) 0%, transparent 40%),
        radial-gradient(circle at 80% 20%, rgba(60, 0, 0, 0.2) 0%, transparent 40%);
    z-index: 1;
}

.academy-cta-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.academy-cta-content h2 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    margin-bottom: var(--spacing-lg);
    color: var(--krem-beyaz);
    line-height: 1.2;
}

.academy-cta-content p {
    font-size: 1.125rem;
    line-height: 1.7;
    margin-bottom: var(--spacing-xl);
    color: rgba(255, 255, 255, 0.9);
}

/* Academy Responsive */
@media (max-width: 768px) {
    .academy-overview-content {
        grid-template-columns: 1fr;
        gap: var(--spacing-2xl);
        text-align: center;
    }
    
    .academy-overview-placeholder {
        width: 250px;
        height: 250px;
    }
    
    .academy-courses-grid {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: var(--spacing-lg);
    }
    
    .academy-instructors-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: var(--spacing-lg);
    }
    
    .academy-facilities-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: var(--spacing-lg);
    }
}

@media (max-width: 480px) {
    .academy-courses-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
    }
    
    .academy-instructors-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
    }
    
    .academy-facilities-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
    }
    
    .academy-overview-placeholder {
        width: 200px;
        height: 200px;
    }
    
    .academy-overview-placeholder i {
        font-size: 3rem;
    }
    
    .academy-overview-placeholder p {
        font-size: 1rem;
    }
}