* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --color-light: #d6d6d6;
    --color-yellow: #ffee32;
    --color-gold: #ffd100;
    --color-dark: #202020;
    --color-charcoal: #333533;
    --transition-smooth: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-fast: all 0.2s ease;
    --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-medium: 0 8px 30px rgba(0, 0, 0, 0.12);
    --shadow-heavy: 0 15px 50px rgba(0, 0, 0, 0.15);
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    color: var(--color-dark);
    background: #ffffff;
    line-height: 1.6;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    line-height: 1.2;
}

a {
    text-decoration: none;
    color: inherit;
    transition: var(--transition-fast);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.main-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(12px);
    z-index: 1000;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
    transition: var(--transition-smooth);
}

.header-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 85px;
}

.logo-link {
    display: flex;
    align-items: center;
    z-index: 10;
}

.site-logo {
    height: 48px;
    width: auto;
    transition: var(--transition-fast);
}

.site-logo:hover {
    transform: scale(1.05);
}

.main-nav {
    display: flex;
    align-items: center;
    gap: 45px;
}

.nav-link {
    font-size: 15px;
    font-weight: 500;
    color: var(--color-dark);
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px 0;
    transition: var(--transition-fast);
}

.nav-link:hover {
    color: var(--color-gold);
}

.nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--color-gold);
    transition: var(--transition-smooth);
}

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

.nav-cta {
    background: linear-gradient(135deg, var(--color-gold), var(--color-yellow));
    color: var(--color-dark);
    padding: 12px 28px;
    border-radius: 30px;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(255, 209, 0, 0.3);
}

.nav-cta::after {
    display: none;
}

.nav-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 209, 0, 0.4);
    color: var(--color-dark);
}

.nav-dropdown {
    position: relative;
}

.dropdown-toggle .material-icons {
    font-size: 20px;
    transition: var(--transition-fast);
}

.dropdown-toggle[aria-expanded="true"] .material-icons {
    transform: rotate(180deg);
}

.dropdown-menu {
    position: absolute;
    top: calc(100% + 20px);
    left: 50%;
    transform: translateX(-50%);
    background: white;
    border-radius: 16px;
    box-shadow: var(--shadow-medium);
    min-width: 260px;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition-smooth);
    padding: 12px 0;
}

.dropdown-menu.active {
    opacity: 1;
    visibility: visible;
    top: calc(100% + 10px);
}

.dropdown-item {
    display: block;
    padding: 14px 24px;
    color: var(--color-dark);
    font-size: 15px;
    font-weight: 500;
    transition: var(--transition-fast);
}

.dropdown-item:hover {
    background: linear-gradient(90deg, var(--color-yellow), transparent);
    color: var(--color-dark);
    padding-left: 32px;
}

.mobile-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    color: var(--color-dark);
    z-index: 1001;
    position: relative;
}

.mobile-toggle .material-icons {
    font-size: 28px;
}

main {
    padding-top: 85px;
    min-height: 60vh;
}

.hero-section {
    position: relative;
    min-height: 90vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.hero-gradient-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, var(--color-light) 0%, #ffffff 50%, var(--color-yellow) 100%);
    opacity: 0.4;
    z-index: 0;
}

.hero-content {
    max-width: 1400px;
    margin: 0 auto;
    padding: 80px 40px;
    position: relative;
    z-index: 1;
    width: 100%;
}

.hero-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 80px;
    align-items: center;
}

.hero-text h1 {
    font-size: 64px;
    color: var(--color-dark);
    margin-bottom: 28px;
    line-height: 1.1;
}

.hero-text p {
    font-size: 19px;
    color: var(--color-charcoal);
    margin-bottom: 40px;
    line-height: 1.7;
    max-width: 580px;
}

.hero-actions {
    display: flex;
    gap: 20px;
    margin-bottom: 60px;
}

.btn-primary {
    background: linear-gradient(135deg, var(--color-gold), var(--color-yellow));
    color: var(--color-dark);
    padding: 16px 40px;
    font-size: 16px;
    border-radius: 50px;
    font-weight: 600;
    box-shadow: 0 6px 25px rgba(255, 209, 0, 0.35);
    transition: var(--transition-smooth);
}

.btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 35px rgba(255, 209, 0, 0.45);
}

.btn-secondary {
    background: transparent;
    color: var(--color-dark);
    padding: 16px 40px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid var(--color-dark);
    transition: var(--transition-smooth);
}

.btn-secondary:hover {
    background: var(--color-dark);
    color: #ffffff;
}

.hero-stats {
    display: flex;
    gap: 50px;
}

.stat-item {
    display: flex;
    flex-direction: column;
}

.stat-number {
    font-size: 42px;
    font-weight: 800;
    color: var(--color-dark);
    font-family: 'Poppins', sans-serif;
}

.stat-label {
    font-size: 14px;
    color: var(--color-charcoal);
    margin-top: 4px;
}

.hero-visual {
    position: relative;
}

.hero-image {
    width: 100%;
    height: 520px;
    object-fit: cover;
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.section-approach {
    padding: 120px 0;
    background: #ffffff;
}

.section-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
}

.approach-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    align-items: center;
}

.approach-content h2 {
    font-size: 48px;
    color: var(--color-dark);
    margin-bottom: 32px;
}

.approach-content p {
    font-size: 17px;
    color: var(--color-charcoal);
    margin-bottom: 24px;
    line-height: 1.8;
}

.text-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--color-dark);
    font-weight: 600;
    font-size: 16px;
    margin-top: 20px;
    transition: var(--transition-fast);
}

.text-link:hover {
    color: var(--color-gold);
    gap: 12px;
}

.approach-visual {
    position: relative;
}

.approach-image {
    width: 100%;
    height: 480px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: var(--shadow-medium);
}

.section-programs {
    position: relative;
    padding: 120px 0;
}

.section-split-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, var(--color-light) 50%, #ffffff 50%);
    z-index: 0;
}

.programs-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.programs-visual {
    position: relative;
}

.programs-image {
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 16px;
}

.programs-content h2 {
    font-size: 48px;
    color: var(--color-dark);
    margin-bottom: 28px;
}

.programs-content p {
    font-size: 17px;
    color: var(--color-charcoal);
    margin-bottom: 24px;
    line-height: 1.8;
}

.btn-outline {
    display: inline-block;
    background: transparent;
    color: var(--color-dark);
    padding: 14px 36px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid var(--color-dark);
    margin-top: 16px;
    transition: var(--transition-smooth);
}

.btn-outline:hover {
    background: var(--color-dark);
    color: #ffffff;
}

.section-features {
    padding: 120px 0;
    background: var(--color-dark);
}

.section-title-center {
    text-align: center;
    font-size: 48px;
    color: var(--color-light);
    margin-bottom: 80px;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

.feature-card {
    background: rgba(255, 255, 255, 0.05);
    padding: 40px 32px;
    border-radius: 16px;
    border: 1px solid rgba(214, 214, 214, 0.15);
    transition: var(--transition-smooth);
}

.feature-card:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--color-gold);
    transform: translateY(-5px);
}

.feature-icon {
    font-size: 48px;
    color: var(--color-yellow);
    margin-bottom: 24px;
}

.feature-card h3 {
    font-size: 22px;
    color: var(--color-light);
    margin-bottom: 16px;
}

.feature-card p {
    font-size: 15px;
    color: var(--color-light);
    opacity: 0.85;
    line-height: 1.7;
}

.section-testimonial {
    padding: 120px 0;
    background: linear-gradient(135deg, var(--color-yellow), var(--color-gold));
}

.section-container-narrow {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 40px;
}

.testimonial-card {
    background: var(--color-dark);
    padding: 60px;
    border-radius: 24px;
    box-shadow: var(--shadow-heavy);
}

.testimonial-text {
    font-size: 24px;
    color: var(--color-light);
    line-height: 1.6;
    margin-bottom: 40px;
    font-weight: 500;
}

.testimonial-author {
    display: flex;
    align-items: center;
    gap: 24px;
}

.author-photo {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
}

.author-info {
    display: flex;
    flex-direction: column;
}

.author-name {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-yellow);
    margin-bottom: 4px;
}

.author-role {
    font-size: 15px;
    color: var(--color-light);
    opacity: 0.85;
}

.section-trainers {
    padding: 120px 0;
    background: #ffffff;
}

.trainers-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
}

.trainers-text h2 {
    font-size: 48px;
    color: var(--color-dark);
    margin-bottom: 28px;
}

.trainers-text p {
    font-size: 17px;
    color: var(--color-charcoal);
    margin-bottom: 24px;
    line-height: 1.8;
}

.section-impact {
    position: relative;
    padding: 120px 0;
    background-image: linear-gradient(135deg, var(--color-dark), var(--color-charcoal));
}

.impact-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="100" height="100" fill="%23202020"/><circle cx="50" cy="50" r="30" fill="%23333533" opacity="0.3"/></svg>');
    opacity: 0.1;
    z-index: 0;
}

.impact-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 60px;
    position: relative;
    z-index: 1;
}

.impact-stat {
    text-align: center;
    padding: 40px 20px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    border: 1px solid rgba(255, 238, 50, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.impact-icon {
    font-size: 52px;
    color: var(--color-yellow);
    margin-bottom: 20px;
}

.impact-number {
    font-size: 52px;
    font-weight: 800;
    color: var(--color-yellow);
    font-family: 'Poppins', sans-serif;
    margin-bottom: 12px;
}

.impact-label {
    font-size: 15px;
    color: var(--color-light);
    opacity: 0.9;
    line-height: 1.6;
}

.section-process {
    position: relative;
    padding: 120px 0;
}

.section-split-reverse {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to left, var(--color-light) 50%, #ffffff 50%);
    z-index: 0;
}

.process-layout {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 80px;
    position: relative;
    z-index: 1;
}

.process-content h2 {
    font-size: 48px;
    color: var(--color-dark);
    margin-bottom: 60px;
}

.process-steps {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.process-step {
    position: relative;
    padding-left: 80px;
}

.step-number {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 36px;
    font-weight: 800;
    color: var(--color-gold);
    font-family: 'Poppins', sans-serif;
}

.process-step h3 {
    font-size: 22px;
    color: var(--color-dark);
    margin-bottom: 12px;
}

.process-step p {
    font-size: 16px;
    color: var(--color-charcoal);
    line-height: 1.7;
}

.process-visual {
    display: flex;
    align-items: center;
}

.process-highlight {
    background: var(--color-dark);
    padding: 48px;
    border-radius: 20px;
    box-shadow: var(--shadow-medium);
}

.process-highlight .material-icons {
    font-size: 56px;
    color: var(--color-yellow);
    margin-bottom: 24px;
}

.process-highlight p {
    font-size: 17px;
    color: var(--color-light);
    line-height: 1.7;
}

.section-cta {
    padding: 120px 0;
    background: linear-gradient(135deg, var(--color-yellow), var(--color-gold));
}

.cta-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.cta-content h2 {
    font-size: 52px;
    color: var(--color-dark);
    margin-bottom: 28px;
}

.cta-content p {
    font-size: 18px;
    color: var(--color-charcoal);
    line-height: 1.7;
}

.cta-actions {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.btn-primary-large {
    background: var(--color-dark);
    color: var(--color-yellow);
    padding: 20px 48px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
    transition: var(--transition-smooth);
}

.btn-primary-large:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}

.btn-secondary-large {
    background: transparent;
    color: var(--color-dark);
    padding: 20px 48px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    border: 3px solid var(--color-dark);
    transition: var(--transition-smooth);
}

.btn-secondary-large:hover {
    background: var(--color-dark);
    color: var(--color-yellow);
}

.main-footer {
    background: var(--color-dark);
    color: var(--color-light);
    padding: 80px 0 0;
    margin-top: 0;
}

.footer-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    gap: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(214, 214, 214, 0.15);
}

.footer-brand {
    max-width: 320px;
}

.footer-logo {
    height: 42px;
    width: auto;
    margin-bottom: 24px;
    filter: brightness(0) invert(1);
}

.footer-tagline {
    font-size: 15px;
    line-height: 1.7;
    color: var(--color-light);
    margin-bottom: 28px;
    opacity: 0.9;
}

.footer-contact {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-contact p {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: var(--color-light);
    opacity: 0.85;
}

.footer-contact .material-icons {
    font-size: 18px;
    color: var(--color-gold);
}

.footer-links h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--color-yellow);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.footer-links a {
    display: block;
    font-size: 15px;
    color: var(--color-light);
    margin-bottom: 12px;
    opacity: 0.85;
    transition: var(--transition-fast);
    padding-left: 0;
}

.footer-links a:hover {
    opacity: 1;
    padding-left: 8px;
    color: var(--color-yellow);
}

.footer-bottom {
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: var(--color-light);
    opacity: 0.75;
}

.cookie-banner {
    position: fixed;
    bottom: -200px;
    left: 0;
    right: 0;
    background: linear-gradient(135deg, var(--color-dark), var(--color-charcoal));
    box-shadow: var(--shadow-heavy);
    z-index: 9999;
    transition: var(--transition-smooth);
    border-top: 3px solid var(--color-gold);
}

.cookie-banner.visible {
    bottom: 0;
}

.cookie-content {
    max-width: 1400px;
    margin: 0 auto;
    padding: 28px 40px;
    display: flex;
    align-items: center;
    gap: 24px;
}

.cookie-icon {
    font-size: 36px;
    color: var(--color-yellow);
    flex-shrink: 0;
}

.cookie-text {
    flex: 1;
}

.cookie-text p {
    font-size: 15px;
    color: var(--color-light);
    line-height: 1.6;
}

.cookie-actions {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-shrink: 0;
}

.cookie-link {
    font-size: 14px;
    color: var(--color-yellow);
    text-decoration: underline;
    font-weight: 500;
}

.cookie-link:hover {
    color: var(--color-gold);
}

.cookie-accept {
    background: linear-gradient(135deg, var(--color-gold), var(--color-yellow));
    color: var(--color-dark);
    border: none;
    padding: 12px 32px;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition-fast);
    box-shadow: 0 4px 15px rgba(255, 209, 0, 0.3);
}

.cookie-accept:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 209, 0, 0.4);
}

@media (max-width: 1024px) {
    .header-container {
        padding: 0 30px;
    }
    
    .main-nav {
        gap: 30px;
    }
    
    .hero-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }
    
    .hero-text h1 {
        font-size: 52px;
    }
    
    .approach-layout {
        grid-template-columns: 1fr;
        gap: 60px;
    }
    
    .programs-layout {
        grid-template-columns: 1fr;
        gap: 60px;
    }
    
    .features-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .trainers-layout {
        grid-template-columns: 1fr;
        gap: 60px;
    }
    
    .impact-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .process-layout {
        grid-template-columns: 1fr;
        gap: 60px;
    }
    
    .cta-wrapper {
        grid-template-columns: 1fr;
        gap: 60px;
    }
    
    .footer-grid {
        grid-template-columns: 2fr 1fr 1fr;
        gap: 40px;
    }
    
    .footer-links:nth-child(4),
    .footer-links:nth-child(5) {
        grid-column: span 1;
    }
}

@media (max-width: 768px) {
    .header-container {
        height: 70px;
        padding: 0 20px;
    }
    
    .site-logo {
        height: 38px;
    }
    
    .mobile-toggle {
        display: block;
    }
    
    .main-nav {
        position: fixed;
        top: 70px;
        left: 0;
        right: 0;
        background: white;
        flex-direction: column;
        align-items: flex-start;
        padding: 16px 20px;
        gap: 4px;
        box-shadow: var(--shadow-medium);
        transform: translateY(-100%);
        opacity: 0;
        visibility: hidden;
        transition: var(--transition-smooth);
        max-height: calc(100vh - 70px);
        overflow-y: auto;
    }
    
    .main-nav.mobile-active {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }
    
    .nav-link {
        width: 100%;
        padding: 12px 0;
        font-size: 16px;
        border: none;
        background: none;
    }
    
    .nav-link::after {
        display: none;
    }
    
    .nav-dropdown {
        width: 100%;
    }
    
    .dropdown-toggle {
        width: 100%;
        text-align: left;
        justify-content: space-between;
        border: none;
        background: none;
    }
    
    .dropdown-menu {
        position: static;
        transform: none;
        box-shadow: none;
        background: #f5f5f5;
        margin: 0;
        border-radius: 8px;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        padding: 0;
        transition: var(--transition-fast);
    }
    
    .dropdown-menu.active {
        max-height: 300px;
        padding: 8px 0;
        margin-top: 8px;
        margin-bottom: 8px;
    }
    
    .dropdown-item {
        padding: 10px 20px;
        font-size: 15px;
    }
    
    .nav-cta {
        width: 100%;
        text-align: center;
        margin-top: 8px;
        padding: 12px 28px;
    }
    
    main {
        padding-top: 70px;
    }
    
    .hero-section {
        min-height: auto;
    }
    
    .hero-content {
        padding: 60px 20px;
    }
    
    .hero-text h1 {
        font-size: 38px;
    }
    
    .hero-text p {
        font-size: 17px;
    }
    
    .hero-actions {
        flex-direction: column;
    }
    
    .hero-image {
        height: 380px;
    }
    
    .section-container {
        padding: 0 20px;
    }
    
    .section-approach {
        padding: 80px 0;
    }
    
    .approach-content h2,
    .programs-content h2,
    .section-title-center,
    .trainers-text h2,
    .process-content h2,
    .cta-content h2 {
        font-size: 36px;
    }
    
    .approach-image {
        height: 360px;
    }
    
    .section-programs {
        padding: 80px 0;
    }
    
    .section-split-bg,
    .section-split-reverse {
        background: var(--color-light);
    }
    
    .programs-image {
        height: 340px;
    }
    
    .section-features {
        padding: 80px 0;
    }
    
    .features-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    
    .section-testimonial {
        padding: 80px 0;
    }
    
    .testimonial-card {
        padding: 40px 28px;
    }
    
    .testimonial-text {
        font-size: 20px;
    }
    
    .section-trainers {
        padding: 80px 0;
    }
    
    .section-impact {
        padding: 80px 0;
    }
    
    .impact-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    
    .section-process {
        padding: 80px 0;
    }
    
    .process-content h2 {
        margin-bottom: 40px;
    }
    
    .section-cta {
        padding: 80px 0;
    }
    
    .cta-content p {
        font-size: 16px;
    }
    
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .footer-brand {
        max-width: 100%;
    }
    
    .footer-bottom {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
    
    .cookie-content {
        flex-direction: column;
        padding: 24px 20px;
        gap: 16px;
    }
    
    .cookie-actions {
        width: 100%;
        flex-direction: column;
        gap: 12px;
    }
    
    .cookie-accept {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .header-container {
        padding: 0 16px;
    }
    
    .hero-text h1 {
        font-size: 32px;
    }
    
    .hero-stats {
        gap: 30px;
    }
    
    .stat-number {
        font-size: 36px;
    }
    
    .footer-container {
        padding: 0 20px;
    }
    
    .main-footer {
        padding: 60px 0 0;
    }
}.about-intro
{
  padding: 140px 40px 100px;
  background: linear-gradient(165deg, var(--color-light) 0%, #ffffff 45%, var(--color-yellow) 100%);
   position: relative;
   overflow: hidden;
}

.about-intro::before     {
  content: '';
  position: absolute;
    top: -50%;
	 right: -20%;
  width: 800px;
     height: 800px;
  background: radial-gradient(circle, rgba(255, 209, 0, 0.15) 0%, transparent 70%);
                    border-radius: 50%;
}

.about-intro-container {
                    display  :       grid;
 z-index  : 1;
  grid-template-columns: 1.2fr 1fr;
   position  :    relative;
  gap: 80px;
   max-width: 1200px;
   margin: 0 auto;
    align-items: center;
}

.intro-label {
   display: inline-block;
    font-size: 13px;
   font-weight: 600;
    text-transform  :  uppercase;
    letter-spacing: 1.5px;
  color: var(--color-dark);
  background: var(--color-gold);
  padding: 8px 20px;
  border-radius: 20px;
      margin-bottom: 28px;
}

.about-intro h1 {
   font-size: 52px;
   margin-bottom: 32px;
  color: var(--color-dark);
	line-height:1.15;
}

.about-intro p {
   font-size: 19px;

		 line-height: 1.7;

	  color: var(--color-charcoal);

	    opacity: 0.9;
}

.intro-stats


{
  display: flex;
    flex-direction   :   column;
	gap: 32px;
}

.stat-box {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  padding: 32px 36px;
  border-radius: 20px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  transition: var(--transition-smooth);
  border: 1px solid rgba(255, 209, 0, 0.2);
  display: flex;
    flex-direction: column;
}



.stat-box:hover {
  transform: translateX(8px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
}

.stat-number {
  font-family: 'Poppins', sans-serif;
    font-size: 48px;
    font-weight: 800;
  color: var(--color-gold);
	line-height: 1;
  margin-bottom: 12px;
}

.stat-text {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-dark);
  opacity: 0.85;
}

.about-story {
   padding: 120px 40px; 
   background: #ffffff;
}

.story-container {
    gap: 90px;
	align-items: center;
       display: grid;
  max-width: 1300px;
  margin: 0 auto;
    grid-template-columns: 1fr 1.1fr;
}

.story-image		{
	  position: relative;
  border-radius  :   24px;
   overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);


}

.story-image img {
    width     :   100%;
    height: auto;
  display: block;
  transition: var(--transition-smooth);
}

.story-image:hover img {
  transform: scale(1.05);
}

.story-text h2

{

	    font-size: 42px;
   margin-bottom: 32px;
  color: var(--color-dark);
}

.story-text p {
   font-size: 17px;
	 line-height: 1.8;
	  color: var(--color-charcoal);
	   margin-bottom: 24px;
	   opacity: 0.9;
}

.about-approach {
   padding: 100px 40px;
  background: linear-gradient(180deg, var(--color-dark) 0%, var(--color-charcoal) 100%);
}

.approach-container {
    max-width   :     1300px;
      margin     :     0 auto;
}

.approach-container h2
	{
   font-size: 46px;
  color: var(--color-yellow);
	 text-align: center;
   margin-bottom: 24px;
}

.approach-intro {
	  font-size: 19px;
    line-height: 1.7;
  color: var(--color-light);
    text-align: center;
  max-width: 800px;
  margin: 0 auto 70px;
   opacity: 0.9;
	}

.approach-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap    :   40px; 

}

.approach-card {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
   padding: 42px 36px;
    border-radius     :       20px;
  border: 1px solid rgba(255, 209, 0, 0.15);
  transition: var(--transition-smooth);
}

.approach-card:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.08);
  border-color: var(--color-gold);
  box-shadow: 0 15px 40px rgba(255, 209, 0, 0.2);
}

.approach-icon  {
   font-size: 48px;
  color: var(--color-gold);
   margin-bottom     :        24px;
  display: block;
}

.approach-card h3 {
   font-size: 22px;
  color: var(--color-yellow);
    margin-bottom: 16px;
}

.approach-card p	{
    font-size: 16px;
  line-height  : 1.7;
  color: var(--color-light);
               opacity: 0.85;
}

.about-values


{
    padding: 120px 40px;
  background: var(--color-light);
}

.values-container

{
    max-width: 1100px;
   margin: 0 auto;
}

.values-header {
  text-align: center;
    margin-bottom: 80px;
}

.values-header h2
	{
               font-size: 44px;
  color: var(--color-dark);
    margin-bottom: 20px;


}

.values-header p {
    font-size: 18px;
  color: var(--color-charcoal);
    opacity: 0.8;
} 

.values-list     {
   display: flex;
   flex-direction: column;
   gap: 48px;
}

.value-item {
   display: grid;
	    grid-template-columns: 120px 1fr;
	   gap: 40px;
		 align-items: start;
	  padding: 40px;
	   background: #ffffff;
	  border-radius: 16px;
	  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.06);
	  transition: var(--transition-smooth);

}

.value-item:hover {
  transform: translateX(12px);
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.1);
}

.value-number

{
  font-family: 'Poppins', sans-serif;
                    font-size: 64px;
   font-weight   : 800;
  color: var(--color-gold);
       line-height: 1;
  opacity: 0.3;
}

.value-content h3 {
   font-size: 26px;
  color: var(--color-dark);
    margin-bottom: 14px;
}

.value-content p {
      font-size: 16px;
   line-height: 1.7;
  color: var(--color-charcoal);
	opacity    : 0.85;
	}

.trainers-hero  
  {
  padding: 160px 40px 100px;
  background: linear-gradient(135deg, var(--color-yellow) 0%, var(--color-gold) 50%, var(--color-light) 100%);
  text-align: center;
    position: relative;
        overflow: hidden;
}

.trainers-hero::after {

	  content: '';
   position: absolute;
   bottom: -30%;
  left: -10%;
    width:     600px;
    height  :      600px;
  background: radial-gradient(circle, rgba(32, 32, 32, 0.1) 0%, transparent 70%);
    border-radius: 50%;
}

.trainers-hero-container
	{
    max-width:      900px;

     margin: 0 auto;

  position: relative;

    z-index:   1;
	
}

.trainers-label {
  display: inline-block;
  font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  color: var(--color-dark);
  background: rgba(255, 255, 255, 0.6);
    padding: 8px 20px;
   border-radius: 20px;
  margin-bottom: 28px;
}

.trainers-hero h1 {
   font-size: 54px;
   margin-bottom :  32px;
  color: var(--color-dark);
  line-height: 1.15; 

}

.trainers-hero p

{
    font-size: 19px;
  line-height: 1.7;
  color: var(--color-charcoal);
   opacity: 0.9; 



} 

.trainers-profiles    {


    padding: 100px 40px;
	background: #ffffff;
}  

.profiles-container {
   max-width: 1200px;
    margin: 0 auto;
 display: flex;
  flex-direction: column;
   gap   :        80px;
}

.trainer-card {
	display: grid;
   grid-template-columns: 1fr;
  gap:50px;
   padding: 50px;
  background: linear-gradient(135deg, #ffffff 0%, var(--color-light) 100%);
    border-radius: 24px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  transition: var(--transition-smooth);
  border: 2px solid transparent;
}

.trainer-card:hover {
  border-color: var(--color-gold);
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.12);
  transform: translateY(-6px);
	
}

.trainer-info h2 {
	font-size: 36px;
  color: var(--color-dark);
    margin-bottom: 8px;
	
}

.trainer-role {
    display: block;
       font-size: 17px;
	font-weight: 600;
  color: var(--color-gold);
  margin-bottom: 24px;
}

.trainer-credentials {
    display: flex;
   flex-wrap: wrap;
    gap: 24px;
   margin-bottom: 28px;
}

.credential {
    display: flex;
    align-items: center;
    gap: 8px;
          font-size: 15px;
  color: var(--color-charcoal);
    opacity: 0.85;
}

.credential .material-icons {

	  font-size:        20px;
  color: var(--color-gold);


}

.trainer-info p {
   font-size: 16px;
   line-height:        1.8;
  color: var(--color-charcoal);
    margin-bottom: 18px;
    opacity: 0.9;
}

.trainer-expertise {
   display: flex;
    flex-wrap: wrap;
      gap: 12px;
    margin-top: 28px;
}

.expertise-tag {
    display: inline-block;
   font-size: 14px;
    font-weight: 600;
  color: var(--color-dark);
  background: var(--color-yellow);
	 padding: 8px 18px;
  border-radius: 20px;
}

.trainers-approach {
   padding: 100px 40px; 
  background: var(--color-charcoal);
}

.approach-wrapper {
  max-width: 1200px;
    margin: 0 auto;


}

.approach-content {

	text-align: center;
   margin-bottom  :70px;}

.approach-content h2 {
	    font-size: 44px;
  color: var(--color-yellow);
  margin-bottom: 24px;}

.approach-content p {

  font-size: 18px;
  line-height:   1.7;
  color: var(--color-light);
    max-width: 800px;
  margin: 0 auto;
  opacity: 0.9;
     }

.approach-methods {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 36px; 

}

.method-item {
  background: rgba(255, 255, 255, 0.05);
   padding    :       38px 32px;
       border-radius: 16px;
  border-left: 4px solid var(--color-gold);
  transition: var(--transition-smooth);
}

.method-item:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateX(8px);
}

.method-number	{
   display: block;
  font-family: 'Poppins', sans-serif;
   font-size: 36px;
    font-weight: 800;
  color: var(--color-gold);
                    margin-bottom: 16px;
  opacity: 0.6;
}

.method-item h3

{
  font-size: 21px;
  color: var(--color-yellow);
   margin-bottom: 12px;
}

.method-item p {
	font-size: 15px;
   line-height: 1.7;
  color: var(--color-light);
    opacity: 0.85;
}

.trainers-testimonials {
    padding: 120px 40px;
  background: linear-gradient(180deg, var(--color-light) 0%, #ffffff 100%);
}

.testimonials-container
	{
    max-width: 1300px; 
  margin: 0 auto;
}

.testimonials-container h2 {
    font-size: 44px;
  color: var(--color-dark);
   text-align: center;
   margin-bottom: 70px;
	}

.testimonials-grid {
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
   gap: 40px;
}

.testimonial-card {
  background :        #ffffff;
   padding: 42px 38px;
  border-radius: 20px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  transition: var(--transition-smooth);
  border-top: 4px solid var(--color-gold);
}

.testimonial-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
}

.testimonial-text {
    font-size   :       17px;

	line-height: 1.7;

  color: var(--color-charcoal);

       margin-bottom: 28px;

   font-style: italic;

  opacity: 0.9;
}

.testimonial-author   {
    display :    flex;
   flex-direction: column;
  gap: 6px;
}  

.author-name {
   font-size   :     16px;
    font-weight: 600;
  color: var(--color-dark);
}

.author-position {
    font-size: 14px;
  color: var(--color-charcoal);
    opacity: 0.7;
}

.trainers-cta {

  padding: 0 40px 120px;
  background: #ffffff;
	}

.cta-wrapper{
    max-width: 1300px;
	margin: 0 auto;
   display: grid;
    grid-template-columns: 1fr 1fr;
  gap   :        80px;
                    align-items: center;
  background: linear-gradient(135deg, var(--color-dark) 0%, var(--color-charcoal) 100%);
  padding: 70px 60px;
  border-radius: 28px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.cta-content h2 {
    font-size     :     40px;
  color: var(--color-yellow);
  margin-bottom: 24px;
      line-height: 1.2;

}

.cta-content p

{


    font-size: 18px; 
	  line-height: 1.7; 
	  color: var(--color-light); 
	  margin-bottom: 36px; 
	  opacity: 0.9; 
	}

.cta-button {
  display    :inline-block;
  background: linear-gradient(135deg, var(--color-gold), var(--color-yellow));
  color: var(--color-dark);
  padding: 16px 42px;
  border-radius: 30px;
  font-size :        17px;
	font-weight: 600;
  transition: var(--transition-smooth);
  box-shadow: 0 6px 20px rgba(255, 209, 0, 0.3);
}

.cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(255, 209, 0, 0.4);
}

.cta-image {
	border-radius: 20px;
		overflow: hidden;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);
}

.cta-image img {

    width  :       100%;
    height: auto;
    display: block;
  transition: var(--transition-smooth);
	}

.cta-image:hover img {
  transform: scale(1.05);
}@media (max-width: 1024px) {
    .about-intro-container {
        grid-template-columns: 1fr;
        gap: 60px;
    }
    
    .about-intro h1 {
        font-size: 42px;
    }
    
    .story-container {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    
    .approach-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 30px;
    }
    
    .value-item {
        grid-template-columns: 90px 1fr;
        gap: 30px;
        padding: 32px;
    }
    
    .value-number {
        font-size: 52px;
    }
    
    .trainers-hero h1 {
        font-size: 44px;
    }
    
    .cta-wrapper {
        grid-template-columns: 1fr;
        gap: 50px;
        padding: 50px 40px;
    }
}

@media (max-width: 768px) {
    .about-intro {
        padding: 120px 20px 80px;
    }
    
    .about-intro h1 {
        font-size: 34px;
    }
    
    .about-intro p {
        font-size: 17px;
    }
    
    .intro-stats {
        gap: 24px;
    }
    
    .stat-box {
        padding: 28px 28px;
    }
    
    .stat-number {
        font-size: 40px;
    }
    
    .about-story {
        padding: 80px 20px;
    }
    
    .story-text h2 {
        font-size: 34px;
    }
    
    .story-text p {
        font-size: 16px;
    }
    
    .about-approach {
        padding: 80px 20px;
    }
    
    .approach-container h2 {
        font-size: 36px;
    }
    
    .approach-intro {
        font-size: 17px;
        margin-bottom: 50px;
    }
    
    .approach-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    
    .approach-card {
        padding: 32px 28px;
    }
    
    .about-values {
        padding: 80px 20px;
    }
    
    .values-header h2 {
        font-size: 36px;
    }
    
    .values-header {
        margin-bottom: 60px;
    }
    
    .values-list {
        gap: 32px;
    }
    
    .value-item {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 28px;
    }
    
    .value-number {
        font-size: 44px;
    }
    
    .trainers-hero {
        padding: 130px 20px 80px;
    }
    
    .trainers-hero h1 {
        font-size: 36px;
    }
    
    .trainers-hero p {
        font-size: 17px;
    }
    
    .trainers-profiles {
        padding: 80px 20px;
    }
    
    .profiles-container {
        gap: 50px;
    }
    
    .trainer-card {
        padding: 36px 28px;
        gap: 30px;
    }
    
    .trainer-info h2 {
        font-size: 30px;
    }
    
    .trainer-credentials {
        flex-direction: column;
        gap: 16px;
    }
    
    .trainers-approach {
        padding: 80px 20px;
    }
    
    .approach-content h2 {
        font-size: 36px;
    }
    
    .approach-methods {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    
    .trainers-testimonials {
        padding: 80px 20px;
    }
    
    .testimonials-container h2 {
        font-size: 36px;
        margin-bottom: 50px;
    }
    
    .testimonials-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    
    .testimonial-card {
        padding: 32px 28px;
    }
    
    .trainers-cta {
        padding: 0 20px 80px;
    }
    
    .cta-wrapper {
        padding: 40px 28px;
        gap: 40px;
    }
    
    .cta-content h2 {
        font-size: 32px;
    }
    
    .cta-content p {
        font-size: 16px;
    }
}.programs-hero  {


	 padding: 140px 40px 100px;
  background: linear-gradient(165deg, var(--color-dark) 0%, var(--color-charcoal) 100%);
    position: relative;
   overflow: hidden;

}

.programs-hero::before {
  content: '';
    position: absolute;
	top: 0;
   right: 0;
       width: 50%;
   height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 209, 0, 0.08));
  pointer-events   :   none;
}

.programs-hero-wrapper {
    max-width: 1400px;
   margin: 0 auto;
   display: grid;
    grid-template-columns: 1fr 1fr;
  gap: 80px;
   align-items: center;
}

.programs-hero-content h1 {
  font-size: 56px;
  color: var(--color-light);
    margin-bottom: 28px;
   line-height: 1.1;
}

.programs-hero-content p {
   font-size: 20px;
  color: var(--color-light);
  opacity: 0.9;
 line-height: 1.6;
         max-width: 520px;
}

.programs-hero-visual {
	   position: relative;
	}

.programs-hero-img {
   width: 100%;
	border-radius  :     20px;
  box-shadow: var(--shadow-heavy);
}

.programs-grid-section {
    padding: 100px 40px;

    background: #f8f8f8;
}

.programs-container {
  max-width:     1400px;
  margin: 0 auto;
}

.programs-intro     {
   text-align: center;
    max-width: 680px;
   margin: 0 auto 70px;
}

.programs-intro h2 {
     font-size :    42px;
  color: var(--color-dark);
    margin-bottom :    20px;
     }

.programs-intro p {
    font-size: 18px;
  color: var(--color-charcoal);
    opacity: 0.85;
}

.programs-cards {
    display: grid;
  grid-template-columns: repeat(3, 1fr);
   gap: 40px;
}

.program-card {
   background: white;
    border-radius: 20px;
  padding: 40px;
  box-shadow: var(--shadow-soft);
  transition: var(--transition-smooth);
    position: relative; 

}

.program-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-medium);
}

.program-card.featured {
  background: linear-gradient(135deg, var(--color-gold), var(--color-yellow));
  border: 3px solid var(--color-dark);
}



.featured-badge {
   position   :    absolute;
       top: -12px;
    right     : 30px;
  background: var(--color-dark);
  color: var(--color-yellow);
    padding: 6px 18px;
   border-radius: 20px;
   font-size: 13px;
  font-weight: 600;
   text-transform :       uppercase;
}

.program-card-header	{
  display: flex;
         align-items: center;
  gap     :16px;
    margin-bottom: 24px;
} 

.program-icon {

   font-size: 40px;
  color: var(--color-gold);
     }

.program-card.featured .program-icon {
  color: var(--color-dark);
}  

.program-card-header h3 {
   font-size: 26px;
  color: var(--color-dark);
}

.program-duration {
   font-size: 14px;
  color: var(--color-gold);
   font-weight: 600;
   margin-bottom: 16px;
   text-transform: uppercase;
    letter-spacing: 0.5px;
}  

.program-card.featured .program-duration {
  color: var(--color-dark);
}

.program-desc {
  font-size: 16px;
  line-height: 1.7;
  color: var(--color-charcoal);
    margin-bottom: 24px;
}

.program-highlights {
	list-style: none;
    margin-bottom: 28px;
}

.program-highlights li {
  font-size: 15px;
  color: var(--color-charcoal);
    padding: 10px 0;
  padding-left: 28px;
   position: relative;
}

.program-highlights li::before {
  content: '→';
    position: absolute;
    left: 0;
  color: var(--color-gold);
    font-weight: 700;
}

.program-card.featured .program-highlights li::before {
  color: var(--color-dark);
}

.program-link {
   display: inline-flex;
               align-items: center;
  gap: 8px;
    font-size: 16px;
    font-weight: 600;
  color: var(--color-dark);
  transition: var(--transition-fast);
}

.program-link:hover {
   gap: 12px;
  color: var(--color-gold);
}

.program-link .material-icons {
  font-size: 20px;
	
}

.programs-approach {
	padding: 100px 40px;
  background: white;
	}

.approach-container   {
    max-width: 1400px;
    margin: 0 auto;
  display: grid;
	 grid-template-columns:1.2fr 1fr;
    gap: 80px;
    align-items: center;
}

.approach-content h2 {
   font-size: 42px; 
	  color: var(--color-dark); 
	    margin-bottom: 18px;
}

.approach-content > p {


       font-size    : 18px;
  color: var(--color-charcoal);
  margin-bottom: 50px;
                    opacity: 0.85;

}

.approach-steps {
        display: flex;
       flex-direction: column;
  gap: 40px;
}

.approach-step {
    position: relative;
  padding-left: 90px;
}

.step-number {
    position: absolute;
   left     :  0;
    top  :0;
    font-size: 48px;
    font-weight: 800;
  color: var(--color-yellow);
  font-family: 'Poppins', sans-serif;
  line-height    :        1;
}

.approach-step h3 {
  font-size: 24px;
  color: var(--color-dark);
    margin-bottom: 12px; 

}

.approach-step p {
  font-size: 16px;

  color: var(--color-charcoal);

  line-height   :      1.7;

   opacity: 0.85;
}



.approach-visual {
    position     :   relative;
}

.approach-img {
  width: 100%;
    border-radius: 20px;
  box-shadow: var(--shadow-medium);
}

.programs-cta {
               padding: 100px 40px;
  background: linear-gradient(135deg, var(--color-dark), var(--color-charcoal));
}

.cta-wrapper {
    max-width: 900px;
   margin     :  0 auto;
    text-align: center;
}

.cta-content h2 {
     font-size: 42px;
  color: var(--color-light);
  margin-bottom: 20px;


}

.cta-content p {
   font-size: 18px;
  color: var(--color-light);
  opacity: 0.9;
    margin-bottom: 40px;
}

.cta-actions {
	display: flex;
      gap: 20px;
     justify-content  :       center;
     flex-wrap: wrap;
}

.cta-button {
    display: inline-flex;
    align-items: center;
    gap :       10px;
   padding: 18px 36px;
   border-radius: 30px;
   font-size: 16px;
   font-weight: 600;
  transition: var(--transition-smooth);
}

.cta-button.primary {
  background: linear-gradient(135deg, var(--color-gold), var(--color-yellow));
  color: var(--color-dark);
  box-shadow: 0 4px 15px rgba(255, 209, 0, 0.3);
}

.cta-button.primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(255, 209, 0, 0.5); 

}

.cta-button.secondary {
  background: transparent;
  color: var(--color-light);
  border: 2px solid var(--color-light);
}

.cta-button.secondary:hover {
  background: var(--color-light);
  color: var(--color-dark);
}

.program-detail-hero {
    padding:   140px 40px 80px;
  background: linear-gradient(135deg, var(--color-charcoal), var(--color-dark));
	}

.detail-hero-container    {
  max-width  :    1200px;
    margin: 0 auto;
}

.detail-breadcrumb {
	   display: flex;
   align-items: center;
        gap: 8px;
   margin-bottom: 24px;
  font-size: 14px;
  color: var(--color-light);
    opacity: 0.75;}

.detail-breadcrumb a {

  color: var(--color-yellow);
  transition: var(--transition-fast);
}

.detail-breadcrumb a:hover {
   opacity     :   0.8;
}

.detail-breadcrumb .material-icons
	{
 font-size: 18px;
}

.detail-hero-container h1 {
   font-size    :58px;
  color: var(--color-light);
   margin-bottom: 24px;
}

.detail-subtitle {

	    font-size  :        22px;
  color: var(--color-light);
    opacity: 0.9;
       line-height :1.5;
  max-width: 800px;
  margin-bottom: 50px;}

.detail-meta {


  display: grid;
	  grid-template-columns: repeat(4, 1fr);
	  gap: 30px;


}  

.meta-item {


    display: flex;
   gap: 16px;
    align-items  :flex-start;


}

.meta-item .material-icons {
  font-size: 32px;
  color: var(--color-yellow);
}

.meta-item strong {
    display: block;
  font-size: 15px;
  color: var(--color-yellow);
   margin-bottom  :4px;
  text-transform: uppercase;
    letter-spacing: 0.5px;
}

.meta-item p   {
     font-size : 16px; 
	  color: var(--color-light); 
	   opacity :   0.9;

}

.program-content-section {
         padding   : 100px 40px;

	    background: white;
}

.content-grid {
   max-width: 1400px;
   margin: 0 auto;
    display: grid;
    grid-template-columns    : 1fr 380px;
  gap: 60px;
}

.content-block {
   margin-bottom  :      60px;
}

.content-block h2 {
   font-size  : 36px;
  color: var(--color-dark);
    margin-bottom: 18px;
}

.content-block > p {
	font-size: 17px;
  color: var(--color-charcoal);
    line-height: 1.7;
    margin-bottom: 40px;
	
}

.learning-modules {
   display: flex;
      flex-direction: column;
       gap: 24px;


}

.module-item {
  background: #f8f8f8;
  padding     :       28px;
     border-radius   : 16px;
  border-left: 4px solid var(--color-gold);
}

.module-header{
    display: flex;
  align-items: center;
    gap    :     14px;
  margin-bottom: 12px;
}

.module-header .material-icons


{
  font-size: 28px;
  color: var(--color-gold);
}  

.module-header h3 {
    font-size: 20px;
  color: var(--color-dark);

}



.module-item p {
   font-size: 16px;
  color: var(--color-charcoal);
  line-height: 1.7;
}

.program-structure {
   gap: 32px;
    flex-direction    :  column;
    display: flex;
}

.structure-phase {
	 display: grid;
    grid-template-columns: 180px 1fr;
   gap: 28px;
  align-items: start;
}

.phase-timeline {
  background: linear-gradient(135deg, var(--color-gold), var(--color-yellow));
  padding:  20px;
  border-radius: 12px;
  text-align: center; 

}

.phase-duration {
	  font-size: 15px;
          font-weight: 700;
  color: var(--color-dark);
  text-transform: uppercase;
}

.phase-content h3 {
   font-size: 24px;
  color: var(--color-dark);
   margin-bottom: 12px;
}

.phase-content p {
  font-size: 16px;
  color: var(--color-charcoal);
  line-height: 1.7;
}

.sidebar-card {
  background: #f8f8f8;
	    padding: 32px;
		 border-radius: 16px;
	    margin-bottom: 24px;
	
}

.sidebar-card.accent {
     background: linear-gradient(135deg, var(--color-yellow), var(--color-gold));


}

.sidebar-icon {
  margin-bottom :16px;
}

.sidebar-icon .material-icons {
    font-size: 42px;
  color: var(--color-dark);
}

.sidebar-card h3 {
  font-size   :    20px;
  color: var(--color-dark);
   margin-bottom: 18px;
}

.sidebar-list {
	list-style: none;
}

.sidebar-list li {

	    font-size: 15px;
  color: var(--color-charcoal);
  padding: 10px 0;
    padding-left: 28px;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);


}

.sidebar-list li:last-child {
   border-bottom: none;
}

.sidebar-list.checked li::before {
  content: '✓';
	position: absolute;
   left: 0;
  color: var(--color-dark);
  font-weight: 700; 

}

.sidebar-cta {
  background: var(--color-dark);
   padding: 32px;
    border-radius: 16px;
   text-align: center;
}

.sidebar-cta h3 {
    font-size: 20px;
  color: var(--color-yellow);
  margin-bottom  :     12px;
}

.sidebar-cta p {
   font-size  :        15px;
  color: var(--color-light);
  opacity: 0.9;
   margin-bottom: 24px;
}

.sidebar-button
{
    display: inline-flex;
	align-items: center;
   gap    :  10px;
  background: linear-gradient(135deg, var(--color-gold), var(--color-yellow));
  color: var(--color-dark);
    padding: 14px 28px;
   border-radius   :     30px;
	font-size: 15px;
 font-weight: 600;
  transition: var(--transition-smooth);
}

.sidebar-button:hover	{
  transform: translateY(-2px);

	  box-shadow: 0 6px 20px rgba(255, 209, 0, 0.4);
}

.program-testimonial {
  padding: 80px 40px;
	  background: linear-gradient(135deg, var(--color-light), #ffffff);
}

.testimonial-container {
    max-width: 900px;
  margin: 0 auto;


}

.testimonial-content {

  position :  relative;
    padding: 50px;
    background: white;
   border-radius: 20px;
  box-shadow: var(--shadow-medium);


}

.testimonial-quote {
 position: absolute;
    top: -20px;
    left: 40px;
  font-size: 60px;
  color: var(--color-gold);
}

.testimonial-content blockquote p {
   font-size: 20px;
    line-height :      1.7;
  color: var(--color-charcoal);
   margin-bottom: 28px;
    font-style: italic; 

}

.testimonial-author {
   display: flex;
   align-items: center;
  gap: 18px;
}

.author-info strong {
   display: block;
   font-size: 17px;
  color: var(--color-dark);
   margin-bottom: 4px;
}

.author-info span {
  font-size: 14px;
  color: var(--color-charcoal);
   opacity: 0.75;
}

.program-next-steps {

		padding: 100px 40px;
          background: white;
	}

.next-steps-container   {
  margin    :0 auto;
    text-align: center;
  max-width: 1200px;
}

.next-steps-container h2 {
   font-size: 42px;
  color: var(--color-dark);
   margin-bottom: 16px;
}

.next-steps-container > p {
    font-size: 18px;
  color: var(--color-charcoal);
    margin-bottom: 60px;
}

.steps-grid {
    display: grid;
  grid-template-columns: repeat(3, 1fr);
   gap :40px;
  margin-bottom: 60px;
}

.step-card {
   padding: 40px 30px;
    background: #f8f8f8;
    border-radius: 16px;
  transition: var(--transition-smooth);
}

.step-card:hover {
  background: white;
  box-shadow: var(--shadow-soft);

}

.step-icon {
  margin-bottom: 20px;
}

.step-icon .material-icons{
  font-size     :  48px;
  color: var(--color-gold);
}

.step-card h3 {
  font-size   :     22px;
     color: var(--color-dark);
          margin-bottom: 12px;
}

.step-card p {
   font-size   :  15px;
  color: var(--color-charcoal);
   line-height  :     1.6;
}

.steps-actions {
	 display     :flex;
  gap: 20px;
   justify-content   :        center;
    flex-wrap: wrap;
}

.steps-button
	{
  display:    inline-flex;
    align-items: center;
   gap: 10px;
    padding: 16px 32px;
    border-radius   :     30px;
    font-size:        16px;
   font-weight: 600;
  transition: var(--transition-smooth);
}

.steps-button.primary {
  background: linear-gradient(135deg, var(--color-gold), var(--color-yellow));
  color: var(--color-dark);
  box-shadow: 0 4px 15px rgba(255, 209, 0, 0.3);
}

.steps-button.primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(255, 209, 0, 0.5);
}

.steps-button.secondary
	{
   background: white;
  color: var(--color-dark);
  border: 2px solid var(--color-dark);
}

.steps-button.secondary:hover {
  background: var(--color-dark); 
  color: var(--color-light);

}

.coaching-hero {
   padding: 140px 40px 80px;
  background: linear-gradient(165deg, var(--color-charcoal), var(--color-dark));
}

.coaching-hero-wrapper {
    max-width: 1200px;
    margin   : 0 auto;
}

.coaching-hero-content h1 {
    font-size: 58px;
  color: var(--color-light);
   margin-bottom: 24px;
}

.hero-lead {
   font-size: 22px;
  color: var(--color-light);
   opacity: 0.9;
    line-height: 1.5;
   max-width: 800px;
  margin-bottom: 50px;
}

.coaching-highlights {
  gap    :   40px;
  display: flex;
}

.highlight-box {
    display   :       flex;
   gap: 16px;
    align-items: center;
}

.highlight-box .material-icons {
  font-size: 36px;
  color: var(--color-yellow);
}

.highlight-box strong {

	               display: block;
  font-size: 18px;
  color: var(--color-yellow);
    margin-bottom     :  4px;


}

.highlight-box p {
  font-size: 14px;
  color: var(--color-light);
    opacity: 0.85;
} 

.coaching-details {
   padding     :      100px 40px;
	background: white;
}



.coaching-container {
   max-width: 1400px;
  margin: 0 auto;
}

.coaching-intro {
	text-align    :    center;

    max-width: 800px;

       margin: 0 auto 70px;
}

.coaching-intro h2 {


     font-size: 42px;
  color: var(--color-dark);
   margin-bottom  :       20px;


}

.coaching-intro p {
    font-size: 18px;
  color: var(--color-charcoal);
  opacity: 0.85;
}

.coaching-grid {
   display: grid;
   grid-template-columns: 1fr 420px;
   gap: 60px;
}

.coaching-section {
    margin-bottom: 60px;
}

.coaching-section h3 {
   font-size: 32px;
  color: var(--color-dark);
  margin-bottom: 18px;
}

.coaching-section > p {
  font-size: 17px;
  color: var(--color-charcoal);
 line-height: 1.7;
    margin-bottom: 40px;
}

.coaching-phases {
   gap: 28px;
   flex-direction: column;
		 display: flex;
}

.phase-box {
    background: #f8f8f8;
    padding: 30px;
  border-radius: 16px;
  border-left: 5px solid var(--color-gold);
}

.phase-number {


    display: inline-block;
  background: var(--color-gold);
  color: var(--color-dark);
  padding: 6px 16px;
    border-radius: 20px;
    font-size: 13px;
  font-weight: 700;
   margin-bottom: 14px;
  text-transform: uppercase;


}

.phase-box h4 {
  font-size: 22px;
  color: var(--color-dark);
  margin-bottom: 12px;
}

.phase-box p {


   font-size: 16px;
  color: var(--color-charcoal);
	line-height: 1.7;}

.coaching-topics {
	    display:    flex;

	  flex-direction: column;

	   gap: 20px;

}


.topic-item {
  display :     flex;
       gap: 18px;
   align-items: start;
  background: #f8f8f8;
  padding: 24px;
  border-radius: 12px;
}

.topic-item .material-icons {
   font-size: 30px;
  color: var(--color-gold);
  flex-shrink: 0;
}

.topic-item h4 {
	 font-size: 18px;

  color: var(--color-dark);

   margin-bottom :     8px;
}

.topic-item p {
      font-size: 15px;
  color: var(--color-charcoal);
	 line-height: 1.6;
}

.coaching-sidebar-card {
   background: #f8f8f8;
	padding: 32px;
    border-radius: 16px;
  margin-bottom: 24px;
}

.coaching-sidebar-card.accent {
  background: linear-gradient(135deg, var(--color-yellow), var(--color-gold));
}

.coaching-sidebar-card.dark  
  {
  background: var(--color-dark);
  color: var(--color-light);
}

.sidebar-icon-large {
  margin-bottom: 20px;
}

.sidebar-icon-large .material-icons {


    font-size: 52px;
  color: var(--color-dark);
}

.coaching-sidebar-card h3 {
    font-size: 20px;
  color: var(--color-dark);
    margin-bottom: 18px;
}

.coaching-sidebar-card.dark h3 {
  color: var(--color-yellow);
}

.coaching-sidebar-card p		{
   font-size: 15px;

	   line-height  :     1.7;

	  margin-bottom: 16px;
}

.coaching-sidebar-card.dark p{
  color: var(--color-light);
    opacity  :0.9;
}

.coaching-list {
  list-style: none;
}

.coaching-list li {
      font-size: 15px;
  color: var(--color-charcoal);
    padding: 10px 0;
        padding-left: 28px;
   position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.coaching-list li:last-child {
    border-bottom: none;
}

.coaching-list.checked li::before {
  content: '✓';
    position: absolute;
   left: 0;
  color: var(--color-dark);
  font-weight: 700;
}

.sidebar-link
{
  display: inline-flex;
  align-items     :       center;
  gap: 8px;
  color: var(--color-yellow);
 font-size: 15px;
   font-weight: 600;
    margin-top: 12px;
  transition: var(--transition-fast);
}

.sidebar-link:hover {
  gap: 12px;


}

.coaching-cta-box {


  background: linear-gradient(135deg, var(--color-gold), var(--color-yellow));

   padding: 36px;

   border-radius: 16px;

   text-align: center;
	
	}

.coaching-cta-box h3 {
    font-size: 22px;
  color: var(--color-dark);
   margin-bottom: 12px;
}

.coaching-cta-box p {
   font-size: 15px;
  color: var(--color-dark);
  opacity: 0.85;
    margin-bottom: 24px;
}

.cta-button-full {
    display: inline-flex;
   align-items: center;
   gap    :       10px;
  background: var(--color-dark);
  color: var(--color-yellow);
   padding: 14px 28px;
   border-radius: 30px;
  font-size: 15px;
   font-weight: 600;
  transition: var(--transition-smooth);
}

.cta-button-full:hover {
     transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);

}

.coaching-testimonials {
  padding: 100px 40px;
  background: #f8f8f8;
}

.testimonials-wrapper {
   max-width:    1400px;
  margin: 0 auto;
}

.testimonials-wrapper h2 {
  font-size: 42px;
  color: var(--color-dark);
   text-align: center;
	margin-bottom: 60px;
}

.testimonials-grid


{
	   display    :grid;
  grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.testimonial-card {
	 background: white;
    padding: 36px;
   border-radius: 16px;
  box-shadow: var(--shadow-soft);
}

.testimonial-rating {
   margin-bottom:        20px;
  display: flex;
  gap: 4px;
}

.testimonial-rating .material-icons  
  {
   font-size: 20px;
  color: var(--color-gold);
}

.testimonial-card p{
       font-size: 16px;
  color: var(--color-charcoal);
   line-height: 1.7;
   margin-bottom: 24px;
}

.testimonial-author-info strong


{
    display: block;
  font-size: 16px;
  color: var(--color-dark);
     margin-bottom: 4px;
}

.testimonial-author-info span {
    font-size: 14px;
  color: var(--color-charcoal);
    opacity: 0.75;
}

.workshops-hero {
  padding :    140px 40px 80px;
  background: linear-gradient(135deg, var(--color-dark), var(--color-charcoal));
}

.workshops-hero-container {
	max-width: 1400px;
  margin:    0 auto;
}

.workshops-hero-split {
   display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 80px;
    align-items: center;
}

.workshops-hero-text h1


{
	font-size     :     58px;
  color: var(--color-light);
   margin-bottom: 24px;
}

.workshops-lead {
  font-size    :       20px;
  color: var(--color-light);
               opacity: 0.9;
  line-height: 1.6;
   margin-bottom: 50px;
}

.workshops-stats {
    display: flex;
   gap     :       50px;
}

.stat-item {
  display: flex;
   flex-direction: column;
}

.stat-item strong {
    font-size: 32px;
  color: var(--color-yellow);
  font-family: 'Poppins', sans-serif;
   margin-bottom: 6px;
}

.stat-item span {
  font-size:  14px;
  color: var(--color-light);
    opacity     :    0.8;
}

.workshops-hero-image {
   position: relative;
}

.workshops-img {


	width: 100%; 
  border-radius     :        20px; 
  box-shadow: var(--shadow-heavy);
	}

.workshops-catalog {

   padding: 100px 40px;
  background :white;}

.workshops-catalog-container {
		 max-width: 1400px;
    margin: 0 auto;
}

.catalog-header {
    text-align: center;
  max-width    :800px;
    margin: 0 auto 70px;
}

.catalog-header h2 {
    font-size  :   42px;
  color: var(--color-dark);
   margin-bottom: 20px;
}

.catalog-header p {
				font-size: 18px;
  color: var(--color-charcoal);
   opacity: 0.85;
	}

.workshops-list {
   display: flex;
    flex-direction: column;
	 gap: 30px;
}


.workshop-item {
   display: grid;
   grid-template-columns: 1fr 200px;
  gap: 40px;
  padding: 36px;
  background:       #f8f8f8;
                    border-radius     :   16px;
  position: relative;
  transition: var(--transition-smooth);
}

.workshop-item:hover {


	background: white;
  box-shadow: var(--shadow-soft);

}

.workshop-badge {
  position: absolute;
	top:  -12px;
  left: 36px;
  display: inline-flex;
  align-items: center;
   gap  :        6px;
  background: var(--color-dark);
  color: var(--color-yellow);
  padding: 6px 16px;
	border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
   text-transform: uppercase;
}

.workshop-badge.popular {
  background: var(--color-gold);
  color: var(--color-dark);
}

.workshop-badge .material-icons{
	 font-size: 16px;
}

.workshop-content h3 {
   font-size: 26px;
  color: var(--color-dark);
  margin-bottom: 14px;
}

.workshop-meta {
    display: flex;
	gap: 28px;
    margin-bottom: 16px;
}

.workshop-meta span   {
    display     :   flex;
  align-items: center;
    gap: 6px;
  font-size: 14px;
  color: var(--color-charcoal);
  opacity: 0.85;
}

.workshop-meta .material-icons {
    font-size: 18px;
  color: var(--color-gold);
}

.workshop-content > p {
    font-size: 16px;
  color: var(--color-charcoal);
    line-height: 1.7;
                    margin-bottom:   20px;


}

.workshop-topics {
   display: flex;
   flex-wrap: wrap;
  gap: 10px;
}

.workshop-topics span {
  background: white;
  color: var(--color-charcoal);
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 13px;
  border :        1px solid #ddd; 
	
}


.workshop-action {
	        display: flex;
    flex-direction: column;
  align-items: center;
  justify-content: center;
    gap: 16px;
    text-align: center;


}

.workshop-price{
    font-size   : 32px;
  font-weight: 700;
  color: var(--color-dark);
  font-family: 'Poppins', sans-serif;
}

.workshop-btn	{
      display: inline-flex;
    align-items: center;
    gap: 8px;
  background: linear-gradient(135deg, var(--color-gold), var(--color-yellow));
  color: var(--color-dark);
   padding: 12px 24px;
  border-radius: 30px;
    font-size: 15px;
    font-weight: 600;
  transition: var(--transition-smooth); 
}

.workshop-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 209, 0, 0.4);
}

.workshops-format {
   padding: 100px 40px;
  background: #f8f8f8;}

.format-container {
  max-width :      1400px;
    margin: 0 auto;


}

.format-container h2 {
  font-size  :42px;
  color: var(--color-dark);
    text-align: center;
    margin-bottom: 60px;
}

.format-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.format-card {
  background: white;
    padding: 36px;
	border-radius: 16px;
	text-align: center;
}

.format-icon


{
    font-size: 48px;
  color: var(--color-gold);
  margin-bottom     :       20px;
}

.format-card h3 {
    font-size: 20px;
  color: var(--color-dark);
	margin-bottom: 12px;
}

.format-card p {
    font-size:    15px;
  color: var(--color-charcoal);
  line-height: 1.6;
}

.workshops-custom {
  padding: 100px 40px;
  background: linear-gradient(135deg, var(--color-dark), var(--color-charcoal));
}

.custom-container {
   max-width: 1000px;
   margin: 0 auto;
  text-align: center;
}

.custom-icon  
  {
    font-size: 64px;
  color: var(--color-yellow);
  margin-bottom: 24px;
}

.custom-content h2 {
    font-size: 42px;
  color: var(--color-light);
  margin-bottom: 20px;
}

.custom-content > p {
  font-size: 18px;
  color: var(--color-light);
    opacity: 0.9;
     margin-bottom: 50px;
}

.custom-benefits {
         display   :    flex;
	 flex-direction: column;
    gap: 20px;
  max-width: 700px;
   margin: 0 auto 40px;
   text-align: left;
}

.custom-benefit {
  display: flex;
  align-items:   center;
  gap: 14px;
    font-size :     16px;
  color: var(--color-light);
}

.custom-benefit .material-icons   {
	font-size: 24px;
  color: var(--color-yellow);
	 flex-shrink: 0;
}

.custom-cta    {
        display: inline-flex;
    align-items: center;
   gap: 10px;
  background: linear-gradient(135deg, var(--color-gold), var(--color-yellow));
  color: var(--color-dark);
   padding:      16px 36px;
    border-radius: 30px;
   font-size: 16px;
    font-weight: 600;
  transition: var(--transition-smooth);
}

.custom-cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(255, 209, 0, 0.5);
}

.workshops-faq   {
   padding: 100px 40px;

    background     :      white;
}

.faq-container {
  max-width   :       900px;
   margin: 0 auto;
}

.faq-container h2 {

    font-size: 42px;
  color: var(--color-dark);
   text-align: center;
 margin-bottom: 60px;
     }

.faq-list {
   display: flex;
    flex-direction: column;
   gap: 30px;
	
}

.faq-item {
       background   :#f8f8f8;
    padding: 32px;
   border-radius: 16px;}

.faq-item h3 {
	font-size: 20px;

  color: var(--color-dark);

   margin-bottom: 14px; 
	
} 

.faq-item p {
    font-size: 16px;
  color: var(--color-charcoal);
	 line-height: 1.7;
}

.workshops-closing	{

	      padding: 100px 40px;
  background: linear-gradient(135deg, var(--color-light), #ffffff);

}

.closing-wrapper {
   max-width: 900px;
   margin: 0 auto;
   text-align :center;


}

.closing-wrapper h2     {
   font-size: 42px;
  color: var(--color-dark);
    margin-bottom: 20px;
} 

.closing-wrapper p		{
   font-size: 18px;
  color: var(--color-charcoal);
    margin-bottom: 40px;
}

.closing-actions {
	 display     : flex; 
	    gap: 20px; 
	    justify-content: center; 
	   flex-wrap: wrap;
}

.closing-btn {
    display: inline-flex;
   align-items: center;
   gap: 10px;
   padding: 16px 32px;
   border-radius :  30px;
   font-size    :    16px;
       font-weight: 600;
  transition: var(--transition-smooth);
}

.closing-btn.primary {
  background: linear-gradient(135deg, var(--color-gold), var(--color-yellow));
	  color: var(--color-dark);
	  box-shadow: 0 4px 15px rgba(255, 209, 0, 0.3);
}

.closing-btn.primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(255, 209, 0, 0.5);
}

.closing-btn.secondary {
   background: white;
  color: var(--color-dark);
  border: 2px solid var(--color-dark);
}

.closing-btn.secondary:hover {
  background: var(--color-dark);
  color: var(--color-light);
}@media (max-width: 1024px) {
    .programs-hero-wrapper {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    
    .programs-cards {
        grid-template-columns: 1fr;
    }
    
    .approach-container {
        grid-template-columns: 1fr;
    }
    
    .detail-meta {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .content-grid {
        grid-template-columns: 1fr;
    }
    
    .structure-phase {
        grid-template-columns: 1fr;
    }
    
    .coaching-grid {
        grid-template-columns: 1fr;
    }
    
    .coaching-highlights {
        flex-direction: column;
        gap: 24px;
    }
    
    .testimonials-grid {
        grid-template-columns: 1fr;
    }
    
    .workshops-hero-split {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    
    .workshop-item {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    
    .format-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .programs-hero {
        padding: 120px 20px 80px;
    }
    
    .programs-hero-content h1 {
        font-size: 38px;
    }
    
    .programs-intro h2,
    .approach-content h2,
    .cta-content h2,
    .detail-hero-container h1,
    .content-block h2,
    .coaching-intro h2,
    .coaching-section h3,
    .testimonials-wrapper h2,
    .workshops-hero-text h1,
    .catalog-header h2,
    .format-container h2,
    .custom-content h2,
    .faq-container h2,
    .next-steps-container h2,
    .closing-wrapper h2 {
        font-size: 32px;
    }
    
    .detail-meta {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .steps-grid {
        grid-template-columns: 1fr;
    }
    
    .format-grid {
        grid-template-columns: 1fr;
    }
    
    .cta-actions,
    .steps-actions,
    .closing-actions {
        flex-direction: column;
    }
}.blog-hero {
  background: linear-gradient(135deg, var(--color-dark) 0%, var(--color-charcoal) 100%);
    padding: 140px 40px 100px;
    position: relative;
	overflow: hidden; 
	
}

.blog-hero::before {
  content: '';
    position: absolute;
         top: 0;
   right: 0;
    width: 50%;
	height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 209, 0, 0.08));
   pointer-events: none;


}

.blog-hero-container {
    max-width: 1200px;
  margin:  0 auto;
    position: relative;
    z-index: 2;
}

.blog-hero-content h1 {
  font-size: 68px;
  color: var(--color-yellow);
       margin-bottom: 24px;
    font-weight: 800;
    letter-spacing    : -1px;
}

.blog-hero-content p  
  {
  font-size: 22px;
  color: var(--color-light);
   max-width: 680px;
         line-height: 1.6;
		opacity: 0.92;
}

.blog-featured {
   max-width :        1400px;
	margin: -60px auto 0;
                    padding: 0 40px 100px;
               position: relative;
    z-index: 10;
}

.blog-featured-wrapper {
    gap: 32px;
   grid-template-columns  : 1.6fr 1fr;
  display: grid;
}

.featured-main
	{
    background: white;
  border-radius: 20px;
 overflow  :  hidden;
  box-shadow: var(--shadow-heavy);
  transition: var(--transition-smooth);
}

.featured-main:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
}

.featured-link {
  display: block;
}

.featured-image {
        height: 420px;
   overflow: hidden;
}

.featured-image img
	{

  width: 100%;
    height: 100%;
				 object-fit: cover;
  transition: var(--transition-smooth);
}

.featured-main:hover .featured-image img   {
  transform: scale(1.06); 

}

.featured-text {
    padding: 48px 44px;
}

.article-category 
 {
 display: inline-block;
  background: linear-gradient(135deg, var(--color-gold), var(--color-yellow));
  color: var(--color-dark);
    padding: 8px 18px;
    border-radius :  20px;
   font-size: 13px;
   font-weight:600;
  text-transform: lowercase;
   margin-bottom: 20px;
    letter-spacing  :       0.3px;
}

.featured-text h2 {
  font-size:38px;
  color: var(--color-dark);
    margin-bottom: 18px;
    line-height: 1.25;
}

.featured-text p {
    font-size: 17px;
  color: var(--color-charcoal);
       line-height: 1.7;
    margin-bottom: 28px;
         opacity: 0.88;
}

.read-more {
   display: inline-flex;
   align-items: center;
      gap: 8px;
    font-size: 16px;
   font-weight: 600;
  color: var(--color-gold);
  transition: var(--transition-fast);
}


.read-more .material-icons {
         font-size: 20px;
  transition: var(--transition-fast);
}

.featured-main:hover .read-more {
  gap: 12px;
}



.featured-side {
   display: flex;
  flex-direction: column;
    gap: 32px;
}

.featured-card {
    background: white;
               border-radius: 16px;
    overflow: hidden;
  box-shadow: var(--shadow-medium);
  transition: var(--transition-smooth);
}


.featured-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.14);
}

.featured-card a {
   display: block;
}

.card-image {
    height: 200px;
		overflow   :    hidden;
}

.card-image img {
  width: 100%;
  height: 100%;
    object-fit: cover;
  transition: var(--transition-smooth);
}

.featured-card:hover .card-image img {
  transform: scale(1.05);
}

.featured-card .article-category {
  margin: 28px 0 12px 28px;
}

.featured-card h3 {
 font-size: 22px;
  color: var(--color-dark);
    margin: 0 28px 12px;
    line-height: 1.3;
}

.featured-card p {
    font-size: 15px;
  color: var(--color-charcoal);
 margin: 0 28px 28px;
      line-height: 1.6;
     opacity: 0.85;
}

.blog-grid {
   max-width: 1400px;
  margin     :     0 auto;
   padding: 80px 40px;


}

.blog-grid-container {
  max-width: 1200px;
	margin: 0 auto;
}

.section-title{
   font-size: 42px;
  color: var(--color-dark);
    margin-bottom: 48px;
    text-align: left;
   font-weight: 700;
}

.articles-grid {
   display: grid;
  grid-template-columns: repeat(2, 1fr);
   gap: 36px;
}

.article-card {


   background    : white;
   border-radius: 16px;
  padding: 40px;
  box-shadow: var(--shadow-soft);
  transition: var(--transition-smooth);
  border: 1px solid rgba(214, 214, 214, 0.3);

}

.article-card:hover {
  transform: translateY(-4px);
     box-shadow: var(--shadow-medium);
     border-color: var(--color-gold);
}

.card-content h3 {
   font-size: 26px;
  color: var(--color-dark);
  margin: 16px 0 14px;
  line-height: 1.3;


}

.card-content p {

	     font-size     : 16px;
  color: var(--color-charcoal);
        line-height: 1.7;
    margin-bottom  :     20px;
   opacity: 0.86;
	}

.card-meta {
    display: flex;
   align-items:      center;
  gap :16px;
	padding-top:       16px;
  border-top: 1px solid rgba(214, 214, 214, 0.25);
}

.read-time {
   font-size: 14px;
  color: var(--color-charcoal);
  opacity: 0.7;
}

.blog-cta {
  background: linear-gradient(135deg, var(--color-light), #ffffff);
	padding: 100px 40px;
  text-align: center;
}

.cta-wrapper {
  max-width: 800px;
	 margin: 0 auto;
}

.cta-wrapper h2    {


  font-size: 48px;
  color: var(--color-dark);
   margin-bottom: 20px;

}

.cta-wrapper p {
    font-size: 19px;
  color: var(--color-charcoal);
   margin-bottom: 40px;
    opacity: 0.85;


}

.cta-buttons {
    flex-wrap: wrap;
   gap: 20px;
   display: flex;
    justify-content: center;
}

.btn-primary, .btn-secondary {
   padding: 16px 36px;
    border-radius    :  30px;
  font-size: 16px;
   font-weight: 600;
  transition: var(--transition-fast);
     display: inline-block;
}

.btn-primary {
	  background: linear-gradient(135deg, var(--color-gold), var(--color-yellow));
  color: var(--color-dark);
  box-shadow: 0 6px 20px rgba(255, 209, 0, 0.3);
}

.btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(255, 209, 0, 0.4);
}

.btn-secondary {
  background   :  white;
  color: var(--color-dark);
  border: 2px solid var(--color-dark);

}

.btn-secondary:hover {
     background: var(--color-dark);
   color: white;

}

.article-page {
  padding-top: 85px;
}

.article-header    {
  background: linear-gradient(to bottom, var(--color-dark), var(--color-charcoal));
    padding: 60px 40px 50px;
}

.article-header-container {
   max-width: 900px;
   margin: 0 auto;
}



.breadcrumb {
  display: flex;
  align-items: center;
   gap: 8px;
  margin-bottom: 24px;
  font-size: 14px;
  color: var(--color-light);
   opacity: 0.8;
}

.breadcrumb a {
  color: var(--color-light);
  transition: var(--transition-fast);
}

.breadcrumb a:hover {
  color: var(--color-yellow);
}

.breadcrumb .material-icons

{
   font-size: 18px;
     }

.article-header h1 {
  font-size: 56px;
               color :      white;
 margin: 24px 0 28px;
	line-height:        1.15;
  font-weight :800;
}

.article-meta {
  display: flex;
    align-items: center;
    gap: 20px;
  color: var(--color-light);
  font-size  :   15px;
   opacity: 0.85;
}

.article-meta .material-icons {
    font-size: 18px;
   vertical-align:  middle;
  margin-right: 4px;
}

.article-featured-image {

	 max-width: 1200px;
	margin: -40px auto 0;
	padding     :       0 40px;
  position: relative;
    z-index: 5;

}

.article-featured-image img{
   width: 100%;
    height: 500px;
    object-fit: cover;
   border-radius: 20px;
  box-shadow: var(--shadow-heavy);
}

.article-content {
     max-width: 1400px;
   margin: 80px auto;
  padding  :   0 40px;
       display: grid;
   grid-template-columns: 1fr 340px;
  gap: 80px;


}

.article-body {
  max-width: 780px;
}

.lead-text {


   font-size: 22px;
    line-height: 1.7;
  color: var(--color-charcoal);
   margin-bottom: 36px;
   font-weight: 500;
}

.article-body p {
    font-size: 18px;
  line-height: 1.8;
  color: var(--color-charcoal);
                    margin-bottom: 26px;
}

.article-body h2 {
    font-size: 34px;
  color: var(--color-dark);
  margin: 56px 0 24px;
      line-height: 1.3;
}

.article-body h3 {
    font-size: 26px;
  color: var(--color-dark);
    margin: 40px 0 20px;
}

.article-highlight {
  background: linear-gradient(135deg, rgba(255, 238, 50, 0.15), rgba(255, 209, 0, 0.12));
  border-left: 4px solid var(--color-gold);
    padding: 28px 32px;
    margin: 40px 0;
	border-radius: 8px;
	display: flex;
    align-items: flex-start;
   gap: 16px;
}

.article-highlight .material-icons {
  color: var(--color-gold);
  font-size: 32px;
  flex-shrink: 0;
     margin-top: 2px;
}

.article-highlight p {
    margin: 0;
    font-size: 17px;
    font-weight: 500;
  color: var(--color-dark);
}

.article-image-inline {
  margin: 48px 0;
    border-radius: 12px;
    overflow     :     hidden;
}

.article-image-inline img {
   width: 100%;
    height: auto;
}

.article-sidebar {


    position: sticky;
	 top: 120px;
  height: fit-content;
     }

.sidebar-card {
  background: white;
  border-radius: 16px;
   padding: 32px;
  box-shadow: var(--shadow-soft);
   margin-bottom: 28px;
  border: 1px solid rgba(214, 214, 214, 0.3);
}

.sidebar-card h3 
 {
   font-size    :        20px;
  color: var(--color-dark);
	 margin-bottom:     20px;
   font-weight: 600;
}

.sidebar-card p {
	 font-size: 15px;
     color: var(--color-charcoal);
       line-height: 1.6;
     margin-bottom  :    20px;
      opacity: 0.85;
}

.sidebar-link{
    display: block;
  font-size: 15px;
  color: var(--color-dark);
   padding: 12px 0;
  border-bottom: 1px solid rgba(214, 214, 214, 0.2);
  transition: var(--transition-fast);
}

.sidebar-link:last-child {

	    border-bottom: none;
	}

.sidebar-link:hover {
  color: var(--color-gold);
    padding-left:    8px;
}

.btn-sidebar {
	 display: block;
   text-align: center;
  background: linear-gradient(135deg, var(--color-gold), var(--color-yellow));
  color: var(--color-dark);
   padding   :    14px 28px;
	 border-radius: 25px;
  font-weight: 600;
  transition: var(--transition-fast);
  box-shadow: 0 4px 15px rgba(255, 209, 0, 0.25);
}

.btn-sidebar:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 209, 0, 0.35);
}

.coming-soon-section {
  min-height: calc(100vh - 85px);
   display: flex;
       align-items: center;
    justify-content     : center;
    padding: 100px 40px;
  background: linear-gradient(135deg, #f8f8f8, #ffffff);
}

.coming-soon-container {
  max-width: 900px;
   margin : 0 auto;
   text-align  :    center;
}

.coming-soon-visual {
  margin-bottom: 40px;
}

.large-icon {
   font-size: 120px;
  color: var(--color-gold);
   opacity: 0.7;
}

.coming-soon-content h1 {
    font-size: 52px;
  color: var(--color-dark);
   margin-bottom: 32px;
    line-height: 1.2;
}

.coming-soon-content p {
  font-size: 19px;
  color: var(--color-charcoal);
  line-height:        1.7;
			margin-bottom: 28px;
  opacity: 0.88;
}

.coming-soon-info {
    background: white;
    border-radius: 16px;
                    padding: 36px 40px;
               margin: 48px 0;
  box-shadow: var(--shadow-soft);
}

.info-item {
    display: flex;
   align-items     :     center;
   justify-content: center;
		gap: 12px;
  padding: 14px 0;
  font-size: 17px;
  color: var(--color-dark);
}

.info-item .material-icons {
  color: var(--color-gold);
   font-size: 24px;
}

.coming-soon-update {
   font-size :       18px;
		 font-weight: 500;
  color: var(--color-dark);
    margin: 40px 0 36px;

}

.coming-soon-actions   {
      display: flex;
  gap: 20px;
        justify-content: center;
    flex-wrap:      wrap;
}

.alternative-resources {
  background: var(--color-dark);
   padding: 100px 40px;
}

.resources-container {
	max-width     : 1200px;
   margin: 0 auto;
}

.resources-container h2 {
    font-size: 44px;
  color: white;
  text-align: center;
    margin-bottom: 60px;
}

.resources-grid {
  grid-template-columns: repeat(3, 1fr);
    gap: 36px;
   display: grid;


}

.resource-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
 padding: 40px;
    text-align    :      center;
  transition: var(--transition-smooth);
}

.resource-card:hover   {
  background: rgba(255, 255, 255, 0.08);
  border-color: var(--color-gold);
  transform: translateY(-6px);
}

.resource-card .material-icons    {
  font-size: 56px;
  color: var(--color-yellow);
   margin-bottom: 24px;
}

.resource-card h3
	{
  font-size: 24px;
  color: white;
    margin-bottom: 16px;
}

.resource-card p {
  font-size :16px;
  color: var(--color-light);
        line-height: 1.7;
    margin-bottom     :     24px;
    opacity: 0.85;
}

.resource-card a {
    display  :    inline-block;
  color: var(--color-yellow);
    font-weight: 600;
   font-size: 15px;
  transition: var(--transition-fast);
}

.resource-card a:hover {
  color: var(--color-gold);
}@media (max-width: 1200px) {
    .blog-featured-wrapper {
        grid-template-columns: 1fr;
    }
    
    .featured-side {
        flex-direction: row;
    }
    
    .article-content {
        grid-template-columns: 1fr;
        gap: 60px;
    }
    
    .article-sidebar {
        position: static;
    }
}

@media (max-width: 768px) {
    .blog-hero {
        padding: 100px 20px 70px;
    }
    
    .blog-hero-content h1 {
        font-size: 42px;
    }
    
    .blog-hero-content p {
        font-size: 18px;
    }
    
    .blog-featured {
        padding: 0 20px 60px;
        margin-top: -40px;
    }
    
    .featured-image {
        height: 280px;
    }
    
    .featured-text {
        padding: 32px 28px;
    }
    
    .featured-text h2 {
        font-size: 28px;
    }
    
    .featured-side {
        flex-direction: column;
    }
    
    .articles-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    
    .blog-grid {
        padding: 60px 20px;
    }
    
    .section-title {
        font-size: 32px;
    }
    
    .cta-wrapper h2 {
        font-size: 36px;
    }
    
    .cta-buttons {
        flex-direction: column;
    }
    
    .btn-primary, .btn-secondary {
        width: 100%;
    }
    
    .article-header {
        padding: 40px 20px 36px;
    }
    
    .article-header h1 {
        font-size: 36px;
    }
    
    .article-featured-image {
        padding: 0 20px;
        margin-top: -30px;
    }
    
    .article-featured-image img {
        height: 300px;
        border-radius: 12px;
    }
    
    .article-content {
        padding: 0 20px;
        margin: 50px auto;
    }
    
    .article-body {
        max-width: 100%;
    }
    
    .lead-text {
        font-size: 19px;
    }
    
    .article-body p {
        font-size: 17px;
    }
    
    .article-body h2 {
        font-size: 28px;
        margin: 40px 0 20px;
    }
    
    .coming-soon-content h1 {
        font-size: 36px;
    }
    
    .large-icon {
        font-size: 80px;
    }
    
    .resources-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    
    .resources-container h2 {
        font-size: 32px;
    }
}.legal-page {
    padding  :        140px 0 100px;
  background: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
}



.legal-container {
  max-width: 900px;
    margin: 0 auto;
    padding     :       0 40px;
}

.legal-header {
  text-align: center;
  margin-bottom: 70px;
}

.legal-badge {
   display :    inline-block;
  padding: 8px 24px;
  background: linear-gradient(135deg, var(--color-yellow), var(--color-gold));
  color: var(--color-dark);
	 font-size: 13px;
  font-weight: 600;
   text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 30px;
   margin-bottom: 24px;
	
}

.legal-header h1 {
   font-size: 52px;
  color: var(--color-dark);
  margin-bottom: 16px;
    line-height: 1.1;
}

.legal-date {
	font-size: 15px;
  color: var(--color-charcoal);
   opacity: 0.7;
}


.legal-content {


   background: white;
  border-radius: 24px;
    padding: 60px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
}

.legal-section {
  margin-bottom :      50px;
}

.legal-section:last-of-type {
  margin-bottom: 0;
}

.legal-section h2
{
   font-size     :  28px;
  color: var(--color-dark);
	margin-bottom: 20px;
    padding-bottom: 12px;
  border-bottom: 2px solid var(--color-gold);
}

.legal-section h3 {
  font-size: 22px;
  color: var(--color-charcoal);
  margin: 32px 0 16px;
}

.legal-section p 
 {
  font-size: 16px;
   line-height: 1.8;
  color: var(--color-charcoal);
    margin-bottom   : 16px;
}

.legal-list {
  margin: 20px 0;
    padding-left: 24px;
}

.legal-list li {
   font-size: 16px;
	line-height: 1.8;
  color: var(--color-charcoal);
   margin-bottom: 10px;
}

.cookie-category {
     background: #f8f8f8;
   padding    :     28px;
   border-radius   :  16px;
   margin-bottom: 24px;
  border-left: 4px solid var(--color-gold);}

.cookie-category h3 {
  font-size     :   20px;
  color: var(--color-dark);
  margin: 0 0 12px 0;
} 

.cookie-category p {
    margin-bottom: 12px;
}

.cookie-note {
       font-size: 14px;
  color: var(--color-charcoal);
      opacity: 0.7;
  font-style: italic;
    margin-bottom: 0;
}

.legal-contact{
  background: linear-gradient(135deg, var(--color-light), #e8e8e8);
  padding: 40px;
   border-radius: 20px;
       margin-top: 50px;
  text-align: center;
}

.legal-contact h3 {
  font-size: 24px;
  color: var(--color-dark);
  margin: 0 0 12px 0;
}

.legal-contact > p {
    font-size: 16px;
  color: var(--color-charcoal);
    margin-bottom: 28px;
}

.contact-methods {
   display     :     flex;

	  gap: 20px;

	   justify-content: center;

	  flex-wrap: wrap;
}

.contact-method {
   display: flex;
    align-items: center;
    gap: 10px;
	padding: 14px 28px;
    background: white;
    border-radius: 30px;
   font-size :15px;
        font-weight: 500;
  color: var(--color-dark);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  transition: var(--transition-fast);
}

.contact-method:hover {
  transform: translateY(-2px); 
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

.contact-method .material-icons {
    font-size: 20px;
  color: var(--color-gold);
}

.sitemap-page {
   padding: 140px 0 100px;
     background: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
} 

.sitemap-container {
    max-width: 1400px;
   margin: 0 auto;
   padding: 0 40px;
}

.sitemap-header {


    text-align: center;
    margin-bottom: 80px;
     }

.sitemap-badge{

	display   :     inline-block;
    padding: 8px 24px;
  background: linear-gradient(135deg, var(--color-yellow), var(--color-gold));
  color: var(--color-dark);
	font-size: 13px;
       font-weight: 600;
   text-transform: uppercase;
    letter-spacing   :    1px;
  border-radius: 30px;
  margin-bottom: 24px;


}

.sitemap-header h1{
   font-size: 56px;
  color: var(--color-dark);
  margin-bottom: 16px;
}


.sitemap-intro {
   font-size: 18px;
  color: var(--color-charcoal);
    opacity: 0.85;
}

.sitemap-grid {
     display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
   gap :    32px;
    margin-bottom: 80px;
}

.sitemap-section {
   background: white;
  padding:        32px;
	border-radius   :     20px;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.06);
  transition: var(--transition-smooth);
}

.sitemap-section:hover   {
  transform: translateY(-4px);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1); 

}

.sitemap-section h2 {
   font-size: 22px;
  color: var(--color-dark);
    margin-bottom: 20px;
    display: flex;
         align-items: center;
   gap: 12px;
}

.sitemap-section h2 .material-icons
{
   font-size: 28px;
  color: var(--color-gold);
}

.sitemap-list  
  {


  list-style: none;
    padding: 0;
   margin: 0;
     }

.sitemap-list li {
    margin-bottom: 12px;
}



.sitemap-list a {
   font-size: 15px;
  color: var(--color-charcoal);
  transition: var(--transition-fast);
    display: block;
  padding: 8px 0;
}

.sitemap-list a:hover {
  color: var(--color-gold);
  padding-left: 8px;
}

.sitemap-footer {
  background: linear-gradient(135deg, var(--color-dark), var(--color-charcoal));
  padding: 60px;
    border-radius: 24px;
  text-align: center;
}

.sitemap-info h3 {
   font-size: 32px;
  color: var(--color-yellow);
  margin-bottom: 16px;
}

.sitemap-info > p {
	  font-size  :       17px;
  color: var(--color-light);
   margin-bottom :      36px;
   opacity: 0.9;
	}

.sitemap-actions 
 {
   justify-content: center;
      flex-wrap: wrap;
   gap   :   16px;
   display: flex;
}

.sitemap-btn {
  display: inline-flex;
   align-items: center;
  gap: 10px;
  padding: 16px 36px;
  background: linear-gradient(135deg, var(--color-gold), var(--color-yellow));
  color: var(--color-dark);
    font-size: 16px;
  font-weight: 600;
  border-radius: 30px;
  box-shadow: 0 6px 20px rgba(255, 209, 0, 0.3);
  transition: var(--transition-fast);
	
}

.sitemap-btn:hover    {
  transform: translateY(-2px); 
  box-shadow: 0 8px 25px rgba(255, 209, 0, 0.4);
}

.sitemap-btn .material-icons {
    font-size: 22px;
}

.sitemap-btn-secondary {
      display: inline-flex;
  align-items: center;
    gap :    10px;
    padding: 16px 36px;
    background: transparent;
  color: var(--color-yellow);
  font-size: 16px;
  font-weight: 600;
  border: 2px solid var(--color-yellow);
    border-radius: 30px;
  transition: var(--transition-fast);
}

.sitemap-btn-secondary:hover {
  background: var(--color-yellow);
  color: var(--color-dark); 
	
}

.sitemap-btn-secondary .material-icons


{

	    font-size: 22px;}

.thanks-page {
  min-height: 100vh;
    display: flex;
	align-items: center;
	justify-content: center;
  background: linear-gradient(135deg, var(--color-light), #ffffff);
   padding: 40px 20px;
}

.thanks-container {
    max-width :     600px;
                    width: 100%;
  text-align: center;
    background: white;
    padding: 80px 60px;
    border-radius: 32px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
}

.thanks-icon


{
    margin-bottom: 32px;
}

.thanks-icon .material-icons {
	font-size: 80px;
  color: var(--color-gold);
   animation: scaleIn 0.6s ease-out;
}@keyframes scaleIn {
    from {
        transform: scale(0);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.thanks-container h1 {
    font-size: 42px;
    color: var(--color-dark);
    margin-bottom: 24px;
}

.thanks-message {
    font-size: 18px;
    line-height: 1.7;
    color: var(--color-charcoal);
    margin-bottom: 32px;
}

.thanks-info {
    background: linear-gradient(135deg, #f9f9f9, #f0f0f0);
    padding: 24px;
    border-radius: 16px;
    margin-bottom: 40px;
}

.thanks-info p {
    font-size: 15px;
    color: var(--color-charcoal);
    margin: 0;
}

.thanks-actions {
    display: flex;
    gap: 16px;
    justify-content: center;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.thanks-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    background: linear-gradient(135deg, var(--color-gold), var(--color-yellow));
    color: var(--color-dark);
    font-size: 16px;
    font-weight: 600;
    border-radius: 30px;
    box-shadow: 0 6px 20px rgba(255, 209, 0, 0.3);
    transition: var(--transition-fast);
}

.thanks-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(255, 209, 0, 0.4);
}

.thanks-btn-secondary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    background: transparent;
    color: var(--color-charcoal);
    font-size: 16px;
    font-weight: 600;
    border: 2px solid var(--color-charcoal);
    border-radius: 30px;
    transition: var(--transition-fast);
}

.thanks-btn-secondary:hover {
    background: var(--color-charcoal);
    color: white;
}

.thanks-contact {
    padding-top: 32px;
    border-top: 1px solid var(--color-light);
}

.thanks-contact p {
    font-size: 14px;
    color: var(--color-charcoal);
    opacity: 0.7;
    margin-bottom: 8px;
}

.thanks-contact a {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-gold);
}

.thanks-contact a:hover {
    text-decoration: underline;
}

.contact-hero {
    padding: 160px 0 80px;
    background: linear-gradient(135deg, var(--color-dark), var(--color-charcoal));
    position: relative;
    overflow: hidden;
}

.contact-hero::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(255, 209, 0, 0.15), transparent);
    border-radius: 50%;
}

.contact-hero-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    z-index: 1;
}

.contact-hero-content {
    max-width: 700px;
}

.contact-badge {
    display: inline-block;
    padding: 8px 24px;
    background: rgba(255, 238, 50, 0.15);
    color: var(--color-yellow);
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 30px;
    margin-bottom: 24px;
    border: 1px solid rgba(255, 238, 50, 0.3);
}

.contact-hero-content h1 {
    font-size: 56px;
    color: white;
    margin-bottom: 24px;
    line-height: 1.1;
}

.contact-hero-content p {
    font-size: 19px;
    color: var(--color-light);
    line-height: 1.7;
    opacity: 0.9;
}

.contact-main {
    padding: 100px 0;
    background: linear-gradient(180deg, #fafafa 0%, #ffffff 50%, #fafafa 100%);
}

.contact-main-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    gap: 60px;
    align-items: start;
}

.contact-info-card,
.contact-form-card {
    background: white;
    border-radius: 24px;
    padding: 50px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

.contact-info-card h2,
.contact-form-card h2 {
    font-size: 32px;
    color: var(--color-dark);
    margin-bottom: 16px;
}

.contact-info-intro,
.contact-form-intro {
    font-size: 16px;
    color: var(--color-charcoal);
    opacity: 0.85;
    margin-bottom: 40px;
    line-height: 1.6;
}

.contact-methods-list {
    margin-bottom: 50px;
}

.contact-method-item {
    display: flex;
    gap: 20px;
    padding: 28px 0;
    border-bottom: 1px solid rgba(214, 214, 214, 0.3);
}

.contact-method-item:first-child {
    padding-top: 0;
}

.contact-method-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.contact-method-icon {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, var(--color-yellow), var(--color-gold));
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-method-icon .material-icons {
    font-size: 28px;
    color: var(--color-dark);
}

.contact-method-details h3 {
    font-size: 18px;
    color: var(--color-dark);
    margin-bottom: 8px;
}

.contact-method-details a {
    font-size: 17px;
    font-weight: 600;
    color: var(--color-gold);
    display: block;
    margin-bottom: 4px;
}

.contact-method-details a:hover {
    text-decoration: underline;
}

.contact-method-details p {
    font-size: 15px;
    color: var(--color-charcoal);
    margin: 0;
}

.contact-method-note {
    font-size: 14px;
    opacity: 0.7;
}

.contact-trust {
    background: linear-gradient(135deg, var(--color-light), #e8e8e8);
    padding: 32px;
    border-radius: 16px;
    display: flex;
    gap: 40px;
    justify-content: center;
}

.trust-item {
    text-align: center;
}

.trust-item strong {
    display: block;
    font-size: 36px;
    font-weight: 700;
    color: var(--color-gold);
    margin-bottom: 4px;
}

.trust-item span {
    font-size: 14px;
    color: var(--color-charcoal);
    opacity: 0.8;
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.form-group {
    display: flex;
    flex-direction: column;
}

.form-group label {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-dark);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-group input,
.form-group select,
.form-group textarea {
    padding: 16px 20px;
    font-size: 15px;
    color: var(--color-dark);
    background: #f8f8f8;
    border: 2px solid transparent;
    border-radius: 12px;
    font-family: 'Inter', sans-serif;
    transition: var(--transition-fast);
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    background: white;
    border-color: var(--color-gold);
}

.form-group textarea {
    resize: vertical;
    min-height: 140px;
}

.form-group select {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333533' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 40px;
}

.required {
    color: #e74c3c;
}

.form-group-checkbox {
    display: flex;
    align-items: start;
    gap: 12px;
}

.form-group-checkbox input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-top: 2px;
    cursor: pointer;
    accent-color: var(--color-gold);
}

.form-group-checkbox label {
    font-size: 14px;
    color: var(--color-charcoal);
    line-height: 1.5;
    cursor: pointer;
}

.form-group-checkbox label a {
    color: var(--color-gold);
    font-weight: 600;
}

.form-group-checkbox label a:hover {
    text-decoration: underline;
}

.form-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 18px 40px;
    background: linear-gradient(135deg, var(--color-gold), var(--color-yellow));
    color: var(--color-dark);
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(255, 209, 0, 0.3);
    transition: var(--transition-fast);
    font-family: 'Poppins', sans-serif;
    margin-top: 8px;
}

.form-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(255, 209, 0, 0.4);
}

.form-submit .material-icons {
    font-size: 20px;
}

.form-note {
    font-size: 13px;
    color: var(--color-charcoal);
    opacity: 0.7;
    text-align: center;
    margin: 0;
}

@media (max-width: 1024px) {
    .contact-main-container {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .contact-hero-content h1 {
        font-size: 44px;
    }
}

@media (max-width: 768px) {
    .legal-container {
        padding: 0 20px;
    }

    .legal-header h1 {
        font-size: 36px;
    }

    .legal-content {
        padding: 40px 28px;
    }

    .legal-section h2 {
        font-size: 24px;
    }

    .sitemap-header h1 {
        font-size: 40px;
    }

    .sitemap-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .sitemap-footer {
        padding: 40px 30px;
    }

    .sitemap-info h3 {
        font-size: 26px;
    }

    .sitemap-actions {
        flex-direction: column;
        width: 100%;
    }

    .sitemap-btn,
    .sitemap-btn-secondary {
        width: 100%;
        justify-content: center;
    }

    .thanks-container {
        padding: 60px 40px;
    }

    .thanks-container h1 {
        font-size: 32px;
    }

    .thanks-actions {
        flex-direction: column;
        width: 100%;
    }

    .thanks-btn-primary,
    .thanks-btn-secondary {
        width: 100%;
        justify-content: center;
    }

    .contact-hero {
        padding: 120px 0 60px;
    }

    .contact-hero-content h1 {
        font-size: 36px;
    }

    .contact-hero-content p {
        font-size: 17px;
    }

    .contact-main {
        padding: 60px 0;
    }

    .contact-info-card,
    .contact-form-card {
        padding: 36px 28px;
    }

    .contact-info-card h2,
    .contact-form-card h2 {
        font-size: 28px;
    }

    .contact-trust {
        flex-direction: column;
        gap: 24px;
    }

    .form-row {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .contact-methods {
        flex-direction: column;
        align-items: stretch;
    }

    .contact-method {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .legal-header h1 {
        font-size: 30px;
    }

    .legal-content {
        padding: 32px 20px;
    }

    .cookie-category {
        padding: 20px;
    }

    .sitemap-header h1 {
        font-size: 32px;
    }

    .thanks-container {
        padding: 50px 28px;
    }

    .thanks-icon .material-icons {
        font-size: 64px;
    }

    .contact-hero-container {
        padding: 0 20px;
    }

    .contact-main-container {
        padding: 0 20px;
    }

    .contact-info-card,
    .contact-form-card {
        padding: 28px 20px;
    }
}.cta-content h2 {
    color: #ddd;
}

.cta-content p {
          color: #ddd;
}

.cta-wrapper h2    {
   color: #ddd;
}

.cta-wrapper p {
                    color:#ddd;
}