/* CSS Variables - Custom Naming Convention */
:root {
    --crimson-red: #e63946;
    --blush-whisper: #fdeaeb;
    --burgundy-deep: #c8252f;
    --emerald-sage: #2d6a4f;
    --mint-breeze: #e8f5e8;
    --ocean-depths: #1d3557;
    --sky-cotton: #f1faee;
    --sunset-amber: #f77f00;
    --pearl-mist: #fcbf49;
    --slate-shadow: #457b9d;
    --cream-canvas: #f8f9fa;
    --charcoal-ink: #212529;
    --silver-thread: #6c757d;
    --ivory-silk: #ffffff;
}

/* Base Reset with Anti-AI Patterns */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.67; /* Unusual line height */
    color: var(--charcoal-ink);
    background: var(--ivory-silk);
    overflow-x: hidden;
}

/* Typography System - Non-standard scaling */
h1 {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.13; /* Unusual ratio */
}

h2 {
    font-size: 2.3rem;
    font-weight: 600;
    line-height: 1.27;
}

h3 {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.34;
}

p {
    font-size: 1.05rem;
    line-height: 1.72; /* Slightly off standard */
}

/* Container System - Unique naming */
.ContentBoundary {
    max-width: 1280px; /* Non-standard breakpoint */
    margin: 0 auto;
    padding: 0 27px; /* Unusual padding */
}

/* Navigation Styles */
.NavigationWrapper {
    background: var(--ivory-silk);
    box-shadow: 0 3px 19px rgba(0, 0, 0, 0.08); /* Custom shadow */
    position: sticky;
    top: 0;
    z-index: 999;
}

.MainNavigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 17px 0; /* Non-standard padding */
    position: relative;
}

.BrandIdentity img {
    height: 42px; /* Specific height */
    width: auto;
}

.MobileToggleInput {
    display: none;
}

.MobileToggleControl {
    display: none;
}

.BurgerIcon {
    width: 28px; /* Custom width */
    height: 3px;
    background: var(--charcoal-ink);
    position: relative;
    transition: all 0.27s ease; /* Custom timing */
}

.BurgerIcon:before,
.BurgerIcon:after {
    content: '';
    position: absolute;
    width: 28px;
    height: 3px;
    background: var(--charcoal-ink);
    transition: all 0.27s ease;
}

.BurgerIcon:before { top: -9px; } /* Custom spacing */
.BurgerIcon:after { top: 9px; }

.NavigationList {
    display: flex;
    gap: 34px; /* Unusual gap */
    list-style: none;
    margin: 0;
    padding: 0;
}

.NavigationLink {
    color: var(--charcoal-ink);
    text-decoration: none;
    font-size: 1.05rem;
    font-weight: 500;
    transition: color 0.31s ease; /* Custom transition */
}

.NavigationLink:hover {
    color: var(--crimson-red);
}

/* Hero Section */
.HeroPresentation {
    background: linear-gradient(127deg, var(--blush-whisper) 0%, var(--sky-cotton) 100%); /* Custom angle */
    padding: 89px 0; /* Unusual padding */
}

.HeroLayout {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr; /* Asymmetric columns */
    gap: 57px; /* Custom gap */
    align-items: center;
}

.MainHeading {
    color: var(--burgundy-deep);
    margin-bottom: 23px; /* Specific margin */
    font-family: 'Playfair Display', serif;
}

.HeroDescription {
    color: var(--silver-thread);
    margin-bottom: 37px; /* Custom margin */
    font-size: 1.15rem;
}

.HeroActionArea {
    display: flex;
    gap: 19px; /* Specific gap */
    flex-wrap: wrap;
}

.PrimaryActionButton {
    background: var(--crimson-red);
    color: var(--ivory-silk);
    padding: 15px 31px; /* Custom padding */
    border-radius: 7px; /* Unusual radius */
    text-decoration: none;
    font-weight: 600;
    transition: all 0.23s ease; /* Custom timing */
    box-shadow: 0 4px 13px rgba(230, 57, 70, 0.25); /* Custom shadow */
}

.PrimaryActionButton:hover {
    background: var(--burgundy-deep);
    transform: translateY(-2px);
    box-shadow: 0 6px 19px rgba(230, 57, 70, 0.35);
}

.SecondaryActionButton {
    background: transparent;
    color: var(--crimson-red);
    padding: 15px 31px;
    border: 2px solid var(--crimson-red);
    border-radius: 7px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.23s ease;
}

.SecondaryActionButton:hover {
    background: var(--crimson-red);
    color: var(--ivory-silk);
}

.HeroVisualContent img {
    width: 100%;
    height: auto;
    border-radius: 13px; /* Custom radius */
    box-shadow: 0 11px 43px rgba(0, 0, 0, 0.12); /* Custom shadow */
}

/* Feature Section */
.FeatureShowcase {
    padding: 97px 0; /* Unusual padding */
    background: var(--ivory-silk);
}

.SectionHeader {
    text-align: center;
    margin-bottom: 67px; /* Custom margin */
}

.SectionTitle {
    color: var(--burgundy-deep);
    margin-bottom: 17px; /* Specific margin */
}

.SectionSubtitle {
    color: var(--silver-thread);
    font-size: 1.12rem;
}

.FeatureGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); /* Custom min-width */
    gap: 41px; /* Unusual gap */
}

.FeatureCard {
    text-align: center;
    padding: 43px 29px; /* Custom padding */
    background: var(--ivory-silk);
    border-radius: 11px; /* Custom radius */
    box-shadow: 0 7px 29px rgba(0, 0, 0, 0.06); /* Custom shadow */
    transition: all 0.31s ease; /* Custom timing */
}

.FeatureCard:hover {
    transform: translateY(-5px); /* Custom translate */
    box-shadow: 0 13px 47px rgba(0, 0, 0, 0.11);
}

.FeatureIcon {
    width: 67px; /* Custom size */
    height: 67px;
    margin: 0 auto 23px; /* Custom margin */
    background: var(--blush-whisper);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.FeatureIcon img {
    width: 31px; /* Custom size */
    height: 31px;
    filter: brightness(0) saturate(100%) invert(15%) sepia(81%) saturate(1234%) hue-rotate(343deg) brightness(91%) contrast(88%);
}

.FeatureTitle {
    color: var(--burgundy-deep);
    margin-bottom: 16px;
}

.FeatureText {
    color: var(--silver-thread);
}

/* Program Section */
.ProgramDisplay {
    padding: 97px 0;
    background: var(--cream-canvas);
}

.ProgramGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(285px, 1fr)); /* Custom min-width */
    gap: 37px; /* Specific gap */
}

.ProgramCard {
    background: var(--ivory-silk);
    border-radius: 13px; /* Custom radius */
    overflow: hidden;
    box-shadow: 0 9px 37px rgba(0, 0, 0, 0.08); /* Custom shadow */
    transition: all 0.29s ease; /* Custom timing */
}

.ProgramCard:hover {
    transform: translateY(-3px);
    box-shadow: 0 17px 59px rgba(0, 0, 0, 0.13);
}

.ProgramCard img {
    width: 100%;
    height: 220px; /* Fixed height */
    object-fit: cover;
}

.ProgramContent {
    padding: 31px 27px; /* Custom padding */
}

.ProgramTitle {
    color: var(--burgundy-deep);
    margin-bottom: 13px; /* Specific margin */
}

.ProgramDescription {
    color: var(--silver-thread);
    margin-bottom: 21px; /* Custom margin */
    line-height: 1.63; /* Unusual line height */
}

.ProgramMeta {
    display: flex;
    gap: 19px; /* Specific gap */
}

.ProgramDuration,
.ProgramType {
    background: var(--blush-whisper);
    color: var(--burgundy-deep);
    padding: 6px 13px; /* Custom padding */
    border-radius: 5px; /* Custom radius */
    font-size: 0.87rem; /* Specific size */
    font-weight: 500;
}

/* CTA Section */
.CallToActionArea {
    background: linear-gradient(134deg, var(--crimson-red) 0%, var(--burgundy-deep) 100%); /* Custom angle */
    padding: 83px 0; /* Unusual padding */
    text-align: center;
}

.CtaContent {
    max-width: 720px; /* Custom max-width */
    margin: 0 auto;
}

.CtaHeading {
    color: var(--ivory-silk);
    margin-bottom: 19px; /* Specific margin */
}

.CtaText {
    color: var(--blush-whisper);
    margin-bottom: 33px; /* Custom margin */
    font-size: 1.17rem; /* Specific size */
}

.CtaButton {
    background: var(--ivory-silk);
    color: var(--crimson-red);
    padding: 17px 39px; /* Custom padding */
    border-radius: 7px; /* Custom radius */
    text-decoration: none;
    font-weight: 600;
    transition: all 0.25s ease; /* Custom timing */
    box-shadow: 0 5px 17px rgba(255, 255, 255, 0.2); /* Custom shadow */
}

.CtaButton:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 23px rgba(255, 255, 255, 0.3);
}

/* Testimonial Section */
.TestimonialSection {
    padding: 97px 0; /* Custom padding */
    background: var(--ivory-silk);
}

.TestimonialGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); /* Custom min-width */
    gap: 43px; /* Specific gap */
}

.TestimonialCard {
    background: var(--sky-cotton);
    padding: 37px 31px; /* Custom padding */
    border-radius: 11px; /* Custom radius */
    position: relative;
}

.TestimonialCard::before {
    content: '"';
    position: absolute;
    top: -13px; /* Custom position */
    left: 31px;
    font-size: 4rem;
    color: var(--crimson-red);
    font-family: serif;
}

.TestimonialText {
    color: var(--charcoal-ink);
    margin-bottom: 23px; /* Specific margin */
    font-style: italic;
    line-height: 1.69; /* Unusual line height */
}

.TestimonialAuthor {
    color: var(--silver-thread);
}

.TestimonialAuthor strong {
    color: var(--burgundy-deep);
    display: block;
    margin-bottom: 5px; /* Small margin */
}

/* Contact Section */
.ContactSection {
    padding: 97px 0;
    background: var(--cream-canvas);
}

.ContactLayout {
    display: grid;
    grid-template-columns: 1fr 1.3fr; /* Asymmetric columns */
    gap: 67px; /* Custom gap */
    align-items: start;
}

.ContactTitle {
    color: var(--burgundy-deep);
    margin-bottom: 21px; /* Custom margin */
}

.ContactDescription {
    color: var(--silver-thread);
    margin-bottom: 41px; /* Custom margin */
    font-size: 1.1rem; /* Specific size */
}

.ContactDetails {
    display: flex;
    flex-direction: column;
    gap: 23px; /* Specific gap */
}

.ContactItem {
    display: flex;
    align-items: center;
    gap: 17px; /* Custom gap */
}

.ContactItem img {
    width: 23px; /* Custom size */
    height: 23px;
    filter: brightness(0) saturate(100%) invert(15%) sepia(81%) saturate(1234%) hue-rotate(343deg) brightness(91%) contrast(88%);
}

/* Form Styles */
.FormContainer {
    background: var(--ivory-silk);
    padding: 43px 37px; /* Custom padding */
    border-radius: 13px; /* Custom radius */
    box-shadow: 0 11px 41px rgba(0, 0, 0, 0.09); /* Custom shadow */
}

.FormGroup {
    margin-bottom: 27px; /* Custom margin */
}

.FormLabel {
    display: block;
    margin-bottom: 9px; /* Specific margin */
    color: var(--charcoal-ink);
    font-weight: 500;
}

.FormInput,
.FormSelect,
.FormTextarea {
    width: 100%;
    padding: 13px 17px; /* Custom padding */
    border: 2px solid var(--cream-canvas);
    border-radius: 7px; /* Custom radius */
    font-size: 1rem;
    transition: all 0.23s ease; /* Custom timing */
}

.FormInput:focus,
.FormSelect:focus,
.FormTextarea:focus {
    outline: none;
    border-color: var(--crimson-red);
    box-shadow: 0 0 0 3px rgba(230, 57, 70, 0.15); /* Custom shadow */
}

.FormSubmitButton {
    background: var(--crimson-red);
    color: var(--ivory-silk);
    padding: 15px 41px; /* Custom padding */
    border: none;
    border-radius: 7px; /* Custom radius */
    font-size: 1.05rem; /* Specific size */
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease; /* Custom timing */
    width: 100%;
}

.FormSubmitButton:hover {
    background: var(--burgundy-deep);
    transform: translateY(-1px);
}

/* Footer Styles */
.MainFooter {
    background: var(--charcoal-ink);
    color: var(--ivory-silk);
    padding: 73px 0 31px; /* Custom padding */
}

.FooterLayout {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr; /* Asymmetric columns */
    gap: 53px; /* Custom gap */
    margin-bottom: 41px; /* Custom margin */
}

.FooterLogo {
    height: 47px; /* Custom height */
    width: auto;
    filter: brightness(0) invert(1);
    margin-bottom: 19px; /* Custom margin */
}

.FooterDescription {
    color: var(--silver-thread);
    line-height: 1.71; /* Unusual line height */
}

.FooterSectionTitle {
    color: var(--ivory-silk);
    margin-bottom: 21px; /* Custom margin */
    font-size: 1.25rem;
}

.FooterLinkList {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 13px; /* Custom gap */
}

.FooterLink {
    color: var(--silver-thread);
    text-decoration: none;
    transition: color 0.23s ease; /* Custom timing */
}

.FooterLink:hover {
    color: var(--crimson-red);
}

.FooterContactItem {
    display: flex;
    align-items: center;
    gap: 13px; /* Custom gap */
    margin-bottom: 15px; /* Custom margin */
}

.FooterContactItem img {
    width: 19px; /* Custom size */
    height: 19px;
    filter: brightness(0) invert(1);
}

.FooterBottom {
    border-top: 1px solid var(--silver-thread);
    padding-top: 27px; /* Custom padding */
    text-align: center;
    color: var(--silver-thread);
}

/* Mobile Navigation - Imperfect implementation */
@media screen and (max-width: 890px) { /* Custom breakpoint */
    .MobileToggleControl {
        display: block;
        cursor: pointer;
        padding: 13px; /* Custom padding */
        z-index: 2;
    }

    .NavigationContainer {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background: var(--ivory-silk);
        transition: all 0.31s ease; /* Custom timing */
        padding-top: 87px; /* Custom padding */
    }

    .NavigationList {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .NavigationEntry {
        width: 100%;
        text-align: center;
        margin: 17px 0; /* Custom margin */
    }

    .NavigationLink {
        display: inline-block;
        padding: 11px 23px; /* Custom padding */
        font-size: 1.15rem; /* Custom size */
        color: var(--charcoal-ink);
    }

    .MobileToggleInput:checked ~ .NavigationContainer {
        left: 0;
    }

    .MobileToggleInput:checked ~ .MobileToggleControl .BurgerIcon {
        background: transparent;
    }

    .MobileToggleInput:checked ~ .MobileToggleControl .BurgerIcon:before {
        transform: rotate(45deg);
        top: 0;
    }

    .MobileToggleInput:checked ~ .MobileToggleControl .BurgerIcon:after {
        transform: rotate(-45deg);
        top: 0;
    }
}

/* Responsive Design - Custom breakpoints */
@media screen and (min-width: 891px) {
    .NavigationContainer {
        display: block;
    }

    .NavigationList {
        display: flex;
        gap: 34px; /* Custom gap */
    }
}

@media screen and (max-width: 1280px) { /* Custom breakpoint */
    .ContentBoundary {
        padding: 0 23px; /* Custom padding */
    }
}

@media screen and (max-width: 890px) {
    .HeroLayout {
        grid-template-columns: 1fr;
        gap: 37px; /* Custom gap */
        text-align: center;
    }

    .ContactLayout {
        grid-template-columns: 1fr;
        gap: 41px; /* Custom gap */
    }

    .FooterLayout {
        grid-template-columns: 1fr;
        gap: 37px; /* Custom gap */
        text-align: center;
    }

    .HeroPresentation {
        padding: 59px 0; /* Custom padding */
    }

    .FeatureShowcase,
    .ProgramDisplay,
    .TestimonialSection,
    .ContactSection {
        padding: 67px 0; /* Custom padding */
    }

    .CallToActionArea {
        padding: 59px 0; /* Custom padding */
    }

    h1 { font-size: 2.3rem; }
    h2 { font-size: 1.95rem; }
    h3 { font-size: 1.45rem; }
}

@media screen and (max-width: 640px) { /* Custom breakpoint */
    .HeroActionArea {
        flex-direction: column;
        align-items: center;
    }

    .PrimaryActionButton,
    .SecondaryActionButton {
        width: 100%;
        text-align: center;
    }

    .FeatureGrid,
    .ProgramGrid,
    .TestimonialGrid {
        grid-template-columns: 1fr;
    }

    .FormContainer {
        padding: 31px 23px; /* Custom padding */
    }
}

/* TODO: Add more hover effects for better interactivity */
/* TODO: Implement lazy loading for images */

/* Intentional minor inconsistencies for human-like feel */
.FeatureCard:nth-child(2) {
    padding: 41px 31px; /* Slightly different padding */
}

.ProgramCard:nth-child(3) .ProgramContent {
    padding: 33px 25px; /* Inconsistent with others */
}

/* Some elements with imperfect alignment */
.TestimonialCard:first-child {
    margin-top: 3px; /* Slight offset */
}

/* About Page Specific Styles */
.AboutHeroSection {
    background: linear-gradient(142deg, var(--blush-whisper) 0%, var(--sky-cotton) 100%);
    padding: 73px 0;
}

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

.AboutMainTitle {
    color: var(--burgundy-deep);
    margin-bottom: 19px;
    font-family: 'Playfair Display', serif;
}

.AboutHeroDescription {
    color: var(--silver-thread);
    font-size: 1.13rem;
    line-height: 1.68;
}

.AboutHeroVisual img {
    width: 100%;
    height: auto;
    border-radius: 11px;
    box-shadow: 0 9px 35px rgba(0, 0, 0, 0.11);
}

/* Diplomatic Background Section */
.DiplomaticBackgroundArea {
    padding: 89px 0;
    background: var(--ivory-silk);
}

.BackgroundLayout {
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
    gap: 63px;
    align-items: center;
}

.BackgroundTitle {
    color: var(--burgundy-deep);
    margin-bottom: 27px;
}

.BackgroundText {
    color: var(--silver-thread);
    margin-bottom: 21px;
    line-height: 1.71;
}

.BackgroundStats {
    display: flex;
    gap: 37px;
    margin-top: 41px;
}

.StatItem {
    display: flex;
    align-items: center;
    gap: 15px;
}

.StatIcon {
    width: 53px;
    height: 53px;
    background: var(--blush-whisper);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.StatIcon img {
    width: 27px;
    height: 27px;
    filter: brightness(0) saturate(100%) invert(15%) sepia(81%) saturate(1234%) hue-rotate(343deg) brightness(91%) contrast(88%);
}

.StatContent {
    display: flex;
    flex-direction: column;
}

.StatNumber {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--crimson-red);
    line-height: 1;
}

.StatLabel {
    color: var(--silver-thread);
    font-size: 0.95rem;
}

.BackgroundImage img {
    width: 100%;
    height: auto;
    border-radius: 13px;
    box-shadow: 0 7px 31px rgba(0, 0, 0, 0.09);
}

/* Philosophy Section */
.PhilosophySection {
    padding: 97px 0;
    background: var(--cream-canvas);
}

.PhilosophyTitle {
    text-align: center;
    color: var(--burgundy-deep);
    margin-bottom: 59px;
}

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

.PhilosophyCard {
    background: var(--ivory-silk);
    padding: 39px 27px;
    border-radius: 11px;
    text-align: center;
    box-shadow: 0 5px 23px rgba(0, 0, 0, 0.06);
    transition: all 0.29s ease;
}

.PhilosophyCard:hover {
    transform: translateY(-3px);
    box-shadow: 0 11px 41px rgba(0, 0, 0, 0.12);
}

.PhilosophyIcon {
    width: 61px;
    height: 61px;
    background: var(--blush-whisper);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 23px;
}

.PhilosophyIcon img {
    width: 29px;
    height: 29px;
    filter: brightness(0) saturate(100%) invert(15%) sepia(81%) saturate(1234%) hue-rotate(343deg) brightness(91%) contrast(88%);
}

.PhilosophyCardTitle {
    color: var(--burgundy-deep);
    margin-bottom: 17px;
}

.PhilosophyCardText {
    color: var(--silver-thread);
    line-height: 1.65;
}

/* Success Stories Section */
.SuccessStoriesArea {
    padding: 97px 0;
    background: var(--ivory-silk);
}

.StoriesHeader {
    text-align: center;
    margin-bottom: 67px;
}

.StoriesTitle {
    color: var(--burgundy-deep);
    margin-bottom: 19px;
}

.StoriesSubtitle {
    color: var(--silver-thread);
    font-size: 1.11rem;
}

.StoriesGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 43px;
}

.StoryCard {
    background: var(--ivory-silk);
    border-radius: 13px;
    overflow: hidden;
    box-shadow: 0 7px 33px rgba(0, 0, 0, 0.08);
    transition: all 0.31s ease;
}

.StoryCard:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 55px rgba(0, 0, 0, 0.14);
}

.StoryCard img {
    width: 100%;
    height: 210px;
    object-fit: cover;
}

.StoryContent {
    padding: 29px 25px;
}

.StoryTitle {
    color: var(--burgundy-deep);
    margin-bottom: 15px;
}

.StoryText {
    color: var(--silver-thread);
    line-height: 1.67;
}

/* Training Methods Section */
.TrainingMethodsSection {
    padding: 97px 0;
    background: var(--cream-canvas);
}

.TrainingLayout {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 57px;
    align-items: center;
}

.TrainingImage img {
    width: 100%;
    height: auto;
    border-radius: 13px;
    box-shadow: 0 9px 37px rgba(0, 0, 0, 0.1);
}

.TrainingTitle {
    color: var(--burgundy-deep);
    margin-bottom: 33px;
}

.TrainingFeatures {
    display: flex;
    flex-direction: column;
    gap: 27px;
}

.TrainingFeature {
    display: flex;
    align-items: flex-start;
    gap: 19px;
}

.FeatureIconSmall {
    width: 47px;
    height: 47px;
    background: var(--blush-whisper);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.FeatureIconSmall img {
    width: 23px;
    height: 23px;
    filter: brightness(0) saturate(100%) invert(15%) sepia(81%) saturate(1234%) hue-rotate(343deg) brightness(91%) contrast(88%);
}

.FeatureSmallTitle {
    color: var(--burgundy-deep);
    margin-bottom: 7px;
    font-size: 1.15rem;
}

.FeatureSmallText {
    color: var(--silver-thread);
    line-height: 1.63;
}

/* Cultural Relations Section */
.CulturalRelationsArea {
    padding: 97px 0;
    background: var(--ivory-silk);
}

.CulturalTitle {
    text-align: center;
    color: var(--burgundy-deep);
    margin-bottom: 25px;
}

.CulturalDescription {
    text-align: center;
    color: var(--silver-thread);
    font-size: 1.09rem;
    line-height: 1.69;
    max-width: 720px;
    margin: 0 auto 51px;
}

.CulturalFeatures {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 35px;
}

.CulturalFeature {
    text-align: center;
    padding: 31px 23px;
    background: var(--sky-cotton);
    border-radius: 9px;
}

.CulturalFeatureTitle {
    color: var(--burgundy-deep);
    margin-bottom: 13px;
}

.CulturalFeatureText {
    color: var(--silver-thread);
    line-height: 1.61;
}

/* Global Network Section */
.GlobalNetworkSection {
    padding: 97px 0;
    background: var(--cream-canvas);
}

.NetworkHeader {
    text-align: center;
    margin-bottom: 63px;
}

.NetworkTitle {
    color: var(--burgundy-deep);
    margin-bottom: 17px;
}

.NetworkSubtitle {
    color: var(--silver-thread);
    font-size: 1.07rem;
}

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

.NetworkCard {
    background: var(--ivory-silk);
    padding: 37px 29px;
    border-radius: 11px;
    text-align: center;
    box-shadow: 0 6px 27px rgba(0, 0, 0, 0.07);
    transition: all 0.27s ease;
}

.NetworkCard:hover {
    transform: translateY(-4px);
    box-shadow: 0 13px 49px rgba(0, 0, 0, 0.13);
}

.NetworkIcon {
    width: 65px;
    height: 65px;
    background: var(--blush-whisper);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
}

.NetworkIcon img {
    width: 31px;
    height: 31px;
    filter: brightness(0) saturate(100%) invert(15%) sepia(81%) saturate(1234%) hue-rotate(343deg) brightness(91%) contrast(88%);
}

.NetworkCardTitle {
    color: var(--burgundy-deep);
    margin-bottom: 15px;
}

.NetworkCardText {
    color: var(--silver-thread);
    line-height: 1.65;
}

/* Resources Section */
.ResourcesSection {
    padding: 97px 0;
    background: var(--ivory-silk);
}

.ResourcesLayout {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 59px;
    align-items: center;
}

.ResourcesTitle {
    color: var(--burgundy-deep);
    margin-bottom: 23px;
}

.ResourcesDescription {
    color: var(--silver-thread);
    margin-bottom: 39px;
    font-size: 1.08rem;
    line-height: 1.67;
}

.ResourcesList {
    display: flex;
    flex-direction: column;
    gap: 21px;
}

.ResourceItem {
    display: flex;
    align-items: center;
    gap: 17px;
    padding: 19px 0;
    border-bottom: 1px solid var(--cream-canvas);
}

.ResourceItem:last-child {
    border-bottom: none;
}

.ResourceItem img {
    width: 25px;
    height: 25px;
    filter: brightness(0) saturate(100%) invert(15%) sepia(81%) saturate(1234%) hue-rotate(343deg) brightness(91%) contrast(88%);
}

.ResourceItem span {
    color: var(--charcoal-ink);
    font-weight: 500;
}

.ResourcesImage img {
    width: 100%;
    height: auto;
    border-radius: 13px;
    box-shadow: 0 8px 33px rgba(0, 0, 0, 0.09);
}

/* Thank You Page Specific Styles */
.ThankYouHeroArea {
    background: linear-gradient(138deg, var(--blush-whisper) 0%, var(--sky-cotton) 100%);
    padding: 89px 0;
    min-height: 70vh;
    display: flex;
    align-items: center;
}

.ThankYouContent {
    text-align: center;
    max-width: 620px;
    margin: 0 auto;
}

.ThankYouIcon {
    width: 87px;
    height: 87px;
    background: var(--emerald-sage);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 29px;
}

.ThankYouIcon img {
    width: 43px;
    height: 43px;
    filter: brightness(0) invert(1);
}

.ThankYouTitle {
    color: var(--burgundy-deep);
    margin-bottom: 23px;
    font-family: 'Playfair Display', serif;
}

.ThankYouDescription {
    color: var(--silver-thread);
    font-size: 1.15rem;
    line-height: 1.69;
    margin-bottom: 49px;
}

.ThankYouSteps {
    display: flex;
    justify-content: center;
    gap: 31px;
    margin-bottom: 47px;
}

.StepItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 160px;
}

.StepNumber {
    width: 41px;
    height: 41px;
    background: var(--crimson-red);
    color: var(--ivory-silk);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 17px;
}

.StepTitle {
    color: var(--burgundy-deep);
    margin-bottom: 9px;
    font-size: 1.1rem;
}

.StepText {
    color: var(--silver-thread);
    font-size: 0.95rem;
    line-height: 1.61;
}

.ThankYouActions {
    display: flex;
    gap: 19px;
    justify-content: center;
    flex-wrap: wrap;
}

.ThankYouButton {
    padding: 15px 33px;
    border-radius: 7px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.25s ease;
}

.ThankYouButton.Primary {
    background: var(--crimson-red);
    color: var(--ivory-silk);
    box-shadow: 0 4px 15px rgba(230, 57, 70, 0.25);
}

.ThankYouButton.Primary:hover {
    background: var(--burgundy-deep);
    transform: translateY(-2px);
}

.ThankYouButton.Secondary {
    background: transparent;
    color: var(--crimson-red);
    border: 2px solid var(--crimson-red);
}

.ThankYouButton.Secondary:hover {
    background: var(--crimson-red);
    color: var(--ivory-silk);
}

.ThankYouVisual {
    margin-top: 51px;
}

.ThankYouVisual img {
    width: 100%;
    max-width: 450px;
    height: auto;
    border-radius: 11px;
    box-shadow: 0 9px 35px rgba(0, 0, 0, 0.11);
}

/* Info Cards Section */
.InfoCardsSection {
    padding: 73px 0;
    background: var(--ivory-silk);
}

.InfoCardsGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 35px;
}

.InfoCard {
    background: var(--sky-cotton);
    padding: 33px 27px;
    border-radius: 9px;
    text-align: center;
    transition: all 0.27s ease;
}

.InfoCard:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 29px rgba(0, 0, 0, 0.09);
}

.InfoCardIcon {
    width: 59px;
    height: 59px;
    background: var(--blush-whisper);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 21px;
}

.InfoCardIcon img {
    width: 27px;
    height: 27px;
    filter: brightness(0) saturate(100%) invert(15%) sepia(81%) saturate(1234%) hue-rotate(343deg) brightness(91%) contrast(88%);
}

.InfoCardTitle {
    color: var(--burgundy-deep);
    margin-bottom: 13px;
}

.InfoCardText {
    color: var(--silver-thread);
    line-height: 1.63;
}

/* Contact Info Section */
.ContactInfoSection {
    padding: 73px 0;
    background: var(--cream-canvas);
}

.ContactInfoLayout {
    display: grid;
    grid-template-columns: 1fr 0.8fr;
    gap: 53px;
    align-items: center;
}

.ContactInfoTitle {
    color: var(--burgundy-deep);
    margin-bottom: 21px;
}

.ContactInfoDescription {
    color: var(--silver-thread);
    margin-bottom: 37px;
    font-size: 1.07rem;
    line-height: 1.67;
}

.ContactInfoItems {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.ContactInfoItem {
    display: flex;
    align-items: flex-start;
    gap: 17px;
}

.ContactInfoItem img {
    width: 25px;
    height: 25px;
    filter: brightness(0) saturate(100%) invert(15%) sepia(81%) saturate(1234%) hue-rotate(343deg) brightness(91%) contrast(88%);
    margin-top: 3px;
}

.ContactInfoText h4 {
    color: var(--burgundy-deep);
    margin-bottom: 5px;
    font-size: 1.1rem;
}

.ContactInfoText span {
    color: var(--silver-thread);
}

.ContactInfoImage img {
    width: 100%;
    height: auto;
    border-radius: 11px;
    box-shadow: 0 7px 29px rgba(0, 0, 0, 0.08);
}

/* Responsive adjustments for about and thank you pages */
@media screen and (max-width: 890px) {
    .AboutHeroLayout,
    .BackgroundLayout,
    .TrainingLayout,
    .ResourcesLayout,
    .ContactInfoLayout {
        grid-template-columns: 1fr;
        gap: 35px;
        text-align: center;
    }

    .BackgroundStats {
        justify-content: center;
        flex-wrap: wrap;
        gap: 25px;
    }

    .ThankYouSteps {
        flex-direction: column;
        align-items: center;
        gap: 25px;
    }

    .ThankYouActions {
        flex-direction: column;
        align-items: center;
    }

    .ThankYouButton {
        width: 100%;
        max-width: 280px;
        text-align: center;
    }
}

@media screen and (max-width: 640px) {
    .AboutHeroSection,
    .ThankYouHeroArea {
        padding: 47px 0;
    }

    .DiplomaticBackgroundArea,
    .PhilosophySection,
    .SuccessStoriesArea,
    .TrainingMethodsSection,
    .CulturalRelationsArea,
    .GlobalNetworkSection,
    .ResourcesSection,
    .InfoCardsSection,
    .ContactInfoSection {
        padding: 59px 0;
    }

    .BackgroundStats {
        flex-direction: column;
        align-items: center;
    }

    h1 { font-size: 2.1rem; }
    h2 { font-size: 1.8rem; }
    h3 { font-size: 1.35rem; }
}

/* Imperfect styling for human feel */
.PhilosophyCard:nth-child(2) {
    padding: 37px 29px; /* Slightly different */
}

.StoryCard:nth-child(1) {
    margin-top: 2px; /* Minor offset */
}

.NetworkCard:last-child {
    padding: 35px 31px; /* Inconsistent padding */
}