/* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --ocean-blue: #00b4d8;
    --sky-light: #e6f7fc;
    --deep-ocean: #007a92;
    --secondary-color: #28a745;
    --secondary-light: #d4edda;
    --tertiary-color: #ffc107;
    --tertiary-light: #fff3cd;
    --accent-color: #dc3545;
    --accent-light: #f8d7da;
    --neutral-color: #6c757d;
    --neutral-light: #f8f9fa;
    --info-color: #17a2b8;
    --warning-color: #fd7e14;
    --success-color: #20c997;
    --text-color: #2c3e50;
    --background-light: #ffffff;
    --shadow-soft: 0 13px 34px rgba(0, 180, 216, 0.15);
    --shadow-medium: 0 21px 55px rgba(0, 122, 146, 0.25);
    --border-radius: 13px;
    --transition-smooth: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body {
    font-family: 'Lato', sans-serif;
    line-height: 1.7;
    color: var(--text-color);
    background: var(--background-light);
    font-size: 16px;
}

.content_wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 23px;
}

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

a {
    text-decoration: none;
    color: inherit;
}

ul, li {
    list-style: none;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 21px;
}

h1 {
    font-size: 3.5rem;
    color: var(--deep-ocean);
}

h2 {
    font-size: 2.8rem;
    color: var(--deep-ocean);
}

h3 {
    font-size: 1.8rem;
    color: var(--text-color);
}

h4 {
    font-size: 1.4rem;
    color: var(--text-color);
}

p {
    margin-bottom: 21px;
    color: var(--text-color);
    opacity: 0.9;
}

/* Header Styles */
.navigation_zone {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    padding: 17px 0;
    box-shadow: var(--shadow-soft);
}

.top_navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.brand_identity img {
    height: 55px;
    width: auto;
}

.menu_toggle {
    display: none;
}

.toggle_handler {
    display: none;
}

.menu_bars {
    width: 30px;
    height: 3px;
    background: var(--deep-ocean);
    position: relative;
    transition: var(--transition-smooth);
}

.menu_bars:before,
.menu_bars:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 3px;
    background: var(--deep-ocean);
    transition: var(--transition-smooth);
}

.menu_bars:before {
    top: -8px;
}

.menu_bars:after {
    top: 8px;
}

.navigation_panel {
    display: flex;
    align-items: center;
    gap: 34px;
}

.menu_element {
    list-style: none;
}

.menu_pathway {
    color: var(--text-color);
    font-size: 17px;
    font-weight: 500;
    transition: var(--transition-smooth);
    position: relative;
    padding: 13px 21px;
    border-radius: var(--border-radius);
}

.menu_pathway:hover {
    color: var(--ocean-blue);
    background: var(--sky-light);
    transform: translateY(-2px);
}

/* Mobile Navigation */
@media screen and (max-width: 890px) {
    .toggle_handler {
        display: block;
        cursor: pointer;
        padding: 15px;
        z-index: 2;
    }

    .navigation_panel {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background: var(--background-light);
        transition: var(--transition-smooth);
        padding-top: 80px;
        flex-direction: column;
        align-items: center;
    }

    .menu_element {
        width: 100%;
        text-align: center;
        margin: 15px 0;
    }

    .menu_pathway {
        display: inline-block;
        padding: 17px 34px;
        font-size: 19px;
        color: var(--text-color);
    }

    .menu_toggle:checked ~ .navigation_panel {
        left: 0;
    }

    .menu_toggle:checked ~ .toggle_handler .menu_bars {
        background: transparent;
    }

    .menu_toggle:checked ~ .toggle_handler .menu_bars:before {
        transform: rotate(45deg);
        top: 0;
    }

    .menu_toggle:checked ~ .toggle_handler .menu_bars:after {
        transform: rotate(-45deg);
        top: 0;
    }
}

/* Hero Section */
.spotlight_area {
    padding: 150px 0 89px;
    background: linear-gradient(135deg, var(--sky-light) 0%, var(--background-light) 100%);
}

.presentation_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 55px;
    align-items: center;
    min-height: 75vh;
}

.message_column {
    padding-right: 34px;
}

.primary_heading {
    font-size: 4.2rem;
    line-height: 1.2;
    margin-bottom: 34px;
    background: linear-gradient(135deg, var(--deep-ocean), var(--ocean-blue));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.supporting_text {
    font-size: 1.3rem;
    line-height: 1.6;
    margin-bottom: 44px;
    opacity: 0.85;
}

.action_cluster {
    display: flex;
    gap: 23px;
    flex-wrap: wrap;
}

.primary_button, .secondary_button, .cta_button, .submit_button {
    padding: 19px 34px;
    border-radius: var(--border-radius);
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition-smooth);
    border: none;
    display: inline-block;
    text-align: center;
    font-family: 'Lato', sans-serif;
}

.primary_button, .cta_button, .submit_button {
    background: linear-gradient(135deg, var(--ocean-blue), var(--deep-ocean));
    color: white;
    box-shadow: var(--shadow-medium);
}

.primary_button:hover, .cta_button:hover, .submit_button:hover {
    transform: translateY(-3px);
    box-shadow: 0 34px 68px rgba(0, 180, 216, 0.35);
}

.secondary_button {
    background: transparent;
    color: var(--deep-ocean);
    border: 2px solid var(--ocean-blue);
}

.secondary_button:hover {
    background: var(--ocean-blue);
    color: white;
    transform: translateY(-3px);
}

.visual_column {
    position: relative;
}

.feature_image {
    width: 100%;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-medium);
    transform: rotate(1deg);
    transition: var(--transition-smooth);
}

.feature_image:hover {
    transform: rotate(0deg) scale(1.02);
}

/* Services Section */
.services_showcase {
    padding: 134px 0;
    background: var(--neutral-light);
}

.section_header {
    text-align: center;
    margin-bottom: 89px;
}

.section_title {
    font-size: 3.2rem;
    margin-bottom: 23px;
}

.section_subtitle {
    font-size: 1.4rem;
    opacity: 0.8;
    max-width: 640px;
    margin: 0 auto;
}

.program_matrix {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: 44px;
}

.program_card {
    background: var(--background-light);
    padding: 44px 34px;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-soft);
    transition: var(--transition-smooth);
    position: relative;
    overflow: hidden;
}

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

.program_visual {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: var(--border-radius);
    margin-bottom: 23px;
}

.program_card h3 {
    color: var(--deep-ocean);
    margin-bottom: 17px;
    font-size: 1.6rem;
}

.program_card p {
    color: var(--text-color);
    line-height: 1.7;
    margin-bottom: 0;
}

/* Methodology Section */
.methodology_zone {
    padding: 134px 0;
    background: var(--background-light);
}

.approach_display {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 68px;
    align-items: center;
}

.methodology_title {
    font-size: 2.9rem;
    margin-bottom: 34px;
}

.methodology_text {
    font-size: 1.2rem;
    line-height: 1.8;
    margin-bottom: 44px;
}

.benefit_list {
    display: flex;
    flex-direction: column;
    gap: 34px;
}

.benefit_item {
    padding: 23px;
    background: var(--sky-light);
    border-radius: var(--border-radius);
    border-left: 5px solid var(--ocean-blue);
}

.benefit_item h4 {
    color: var(--deep-ocean);
    margin-bottom: 13px;
    font-size: 1.3rem;
}

.benefit_item p {
    margin-bottom: 0;
    color: var(--text-color);
}

.approach_image {
    width: 100%;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-medium);
    transform: rotate(-1deg);
    transition: var(--transition-smooth);
}

.approach_image:hover {
    transform: rotate(0deg);
}

/* CTA Section */
.invitation_zone {
    padding: 100px 0;
    background: linear-gradient(135deg, var(--ocean-blue), var(--deep-ocean));
    color: white;
    text-align: center;
}

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

.cta_heading {
    font-size: 3.1rem;
    color: white;
    margin-bottom: 23px;
}

.cta_message {
    font-size: 1.3rem;
    margin-bottom: 44px;
    opacity: 0.9;
    color: white;
}

.cta_button {
    background: white;
    color: var(--deep-ocean);
    font-size: 19px;
    padding: 21px 44px;
}

.cta_button:hover {
    background: var(--sky-light);
    transform: translateY(-3px);
}

/* Contact Section */
.contact_zone {
    padding: 134px 0;
    background: var(--neutral-light);
}

.contact_layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 68px;
    align-items: start;
}

.contact_title {
    font-size: 2.7rem;
    margin-bottom: 23px;
}

.contact_description {
    font-size: 1.2rem;
    margin-bottom: 44px;
    line-height: 1.7;
}

.contact_details {
    display: flex;
    flex-direction: column;
    gap: 34px;
}

.detail_item strong {
    color: var(--deep-ocean);
    font-size: 1.1rem;
    margin-bottom: 8px;
    display: block;
}

.detail_item p {
    margin-bottom: 0;
    line-height: 1.6;
}

.contact_form_wrapper {
    background: var(--background-light);
    padding: 44px;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-medium);
    backdrop-filter: blur(10px);
}

.contact_form {
    display: flex;
    flex-direction: column;
    gap: 23px;
}

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

.form_group label {
    font-weight: 600;
    color: var(--deep-ocean);
    margin-bottom: 8px;
    font-size: 15px;
}

.form_group input,
.form_group select,
.form_group textarea {
    padding: 17px 21px;
    border: 2px solid var(--neutral-color);
    border-radius: var(--border-radius);
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    transition: var(--transition-smooth);
    background: var(--background-light);
}

.form_group input:focus,
.form_group select:focus,
.form_group textarea:focus {
    outline: none;
    border-color: var(--ocean-blue);
    box-shadow: 0 0 0 3px rgba(0, 180, 216, 0.1);
}

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

.submit_button {
    margin-top: 13px;
    align-self: flex-start;
    padding: 19px 44px;
}

/* Footer */
.bottom_section {
    background: var(--deep-ocean);
    color: white;
    padding: 89px 0 34px;
}

.footer_grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 44px;
    margin-bottom: 55px;
}

.footer_logo {
    height: 55px;
    width: auto;
    margin-bottom: 23px;
    filter: brightness(0) invert(1);
}

.brand_description {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.7;
    margin-bottom: 0;
}

.footer_grid h4 {
    color: white;
    font-size: 1.2rem;
    margin-bottom: 23px;
    font-family: 'Oswald', sans-serif;
}

.footer_links {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.footer_links a {
    color: rgba(255, 255, 255, 0.7);
    transition: var(--transition-smooth);
    font-size: 15px;
}

.footer_links a:hover {
    color: var(--ocean-blue);
    transform: translateX(5px);
}

.footer_contact p {
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 13px;
    line-height: 1.6;
}

.footer_bottom {
    text-align: center;
    padding-top: 34px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.footer_bottom p {
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 0;
    font-size: 14px;
}

/* Responsive Design */
@media screen and (max-width: 1600px) {
    .content_wrapper {
        max-width: 1200px;
        padding: 0 34px;
    }
}

@media screen and (max-width: 1280px) {
    .presentation_grid,
    .approach_display,
    .contact_layout {
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .message_column {
        padding-right: 0;
        text-align: center;
    }

    .primary_heading {
        font-size: 3.2rem;
    }

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

    .footer_grid {
        grid-template-columns: 1fr 1fr;
        gap: 34px;
    }
}

@media screen and (max-width: 890px) {
    .content_wrapper {
        padding: 0 23px;
    }

    .spotlight_area {
        padding: 120px 0 68px;
    }

    .primary_heading {
        font-size: 2.5rem;
    }

    .supporting_text {
        font-size: 1.1rem;
    }

    .action_cluster {
        justify-content: center;
    }

    .services_showcase,
    .methodology_zone,
    .contact_zone {
        padding: 89px 0;
    }

    .section_title {
        font-size: 2.5rem;
    }

    .methodology_title {
        font-size: 2.3rem;
    }

    .cta_heading {
        font-size: 2.4rem;
    }

    .contact_title {
        font-size: 2.2rem;
    }

    .program_matrix {
        grid-template-columns: 1fr;
    }

    .contact_form_wrapper {
        padding: 34px 23px;
    }

    .footer_grid {
        grid-template-columns: 1fr;
        text-align: center;
    }
}

@media screen and (max-width: 640px) {
    .primary_heading {
        font-size: 2.1rem;
    }

    .section_title,
    .methodology_title,
    .cta_heading,
    .contact_title {
        font-size: 1.9rem;
    }

    .primary_button,
    .secondary_button,
    .cta_button {
        padding: 15px 23px;
        font-size: 15px;
    }

    .program_card {
        padding: 23px 21px;
    }

    .benefit_item {
        padding: 17px;
    }

    .contact_form_wrapper {
        padding: 23px 17px;
    }

    .bottom_section {
        padding: 55px 0 23px;
    }
}

/* About Page Styles */
.about_hero_zone {
    padding: 150px 0 89px;
    background: linear-gradient(135deg, var(--sky-light) 0%, var(--background-light) 100%);
}

.hero_content_layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 55px;
    align-items: center;
    min-height: 65vh;
}

.about_main_title {
    font-size: 3.8rem;
    line-height: 1.2;
    margin-bottom: 34px;
    background: linear-gradient(135deg, var(--deep-ocean), var(--ocean-blue));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.about_intro_text {
    font-size: 1.2rem;
    line-height: 1.7;
    margin-bottom: 0;
    opacity: 0.85;
}

.about_hero_image {
    width: 100%;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-medium);
    transform: rotate(-1.5deg);
    transition: var(--transition-smooth);
}

.about_hero_image:hover {
    transform: rotate(0deg) scale(1.02);
}

.expertise_showcase {
    padding: 134px 0;
    background: var(--neutral-light);
}

.expertise_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 44px;
    margin-top: 68px;
}

.expertise_card {
    background: var(--background-light);
    padding: 44px 34px;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-soft);
    transition: var(--transition-smooth);
    text-align: center;
}

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

.expertise_visual {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: var(--border-radius);
    margin-bottom: 23px;
}

.philosophy_zone {
    padding: 134px 0;
    background: var(--background-light);
}

.philosophy_layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 68px;
    align-items: center;
}

.philosophy_pillars {
    display: flex;
    flex-direction: column;
    gap: 28px;
    margin-top: 34px;
}

.pillar_item {
    padding: 23px;
    background: var(--sky-light);
    border-radius: var(--border-radius);
    border-left: 5px solid var(--ocean-blue);
}

.pillar_item h4 {
    color: var(--deep-ocean);
    margin-bottom: 13px;
    font-size: 1.2rem;
}

.philosophy_image {
    width: 100%;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-medium);
    transform: rotate(1.2deg);
    transition: var(--transition-smooth);
}

.philosophy_image:hover {
    transform: rotate(0deg);
}

.success_stories_zone {
    padding: 134px 0;
    background: var(--neutral-light);
}

.stories_showcase {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 34px;
    margin-top: 68px;
}

.story_card {
    background: var(--background-light);
    padding: 44px 34px;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-soft);
    transition: var(--transition-smooth);
}

.story_card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-medium);
}

.story_text {
    font-style: italic;
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 23px;
    color: var(--text-color);
}

.story_author strong {
    color: var(--deep-ocean);
    font-size: 1.1rem;
    display: block;
    margin-bottom: 5px;
}

.story_author span {
    color: var(--neutral-color);
    font-size: 0.9rem;
}

.research_zone {
    padding: 134px 0;
    background: var(--background-light);
}

.research_content_layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 68px;
    align-items: center;
}

.research_achievements {
    display: flex;
    gap: 34px;
    margin-top: 44px;
}

.achievement_item {
    text-align: center;
    padding: 23px;
    background: var(--sky-light);
    border-radius: var(--border-radius);
    flex: 1;
}

.achievement_number {
    font-size: 2.5rem;
    font-weight: 600;
    color: var(--ocean-blue);
    font-family: 'Oswald', sans-serif;
    margin-bottom: 8px;
}

.achievement_label {
    font-size: 0.9rem;
    color: var(--text-color);
    font-weight: 500;
}

.research_image {
    width: 100%;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-medium);
}

.training_zone {
    padding: 134px 0;
    background: var(--neutral-light);
}

.training_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 44px;
    margin-top: 68px;
}

.training_item {
    background: var(--background-light);
    padding: 34px 28px;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-soft);
    text-align: center;
    transition: var(--transition-smooth);
}

.training_item:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-medium);
}

.training_visual {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: var(--border-radius);
    margin-bottom: 21px;
}

.partners_zone {
    padding: 134px 0;
    background: var(--background-light);
}

.partners_benefits {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 34px;
    margin-top: 44px;
}

.partner_benefit {
    padding: 28px;
    background: var(--sky-light);
    border-radius: var(--border-radius);
    border-top: 4px solid var(--ocean-blue);
}

.partner_benefit h4 {
    color: var(--deep-ocean);
    margin-bottom: 15px;
    font-size: 1.2rem;
}

.resources_zone {
    padding: 134px 0;
    background: var(--neutral-light);
}

.resources_layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 68px;
    align-items: center;
}

.resources_list {
    display: flex;
    flex-direction: column;
    gap: 28px;
    margin-top: 34px;
}

.resource_item {
    padding: 23px;
    background: var(--background-light);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-soft);
}

.resource_item h4 {
    color: var(--deep-ocean);
    margin-bottom: 13px;
    font-size: 1.2rem;
}

.resources_image {
    width: 100%;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-medium);
    transform: rotate(-0.8deg);
    transition: var(--transition-smooth);
}

.resources_image:hover {
    transform: rotate(0deg);
}

/* Thank You Page Styles */
.gratitude_zone {
    padding: 150px 0 89px;
    background: linear-gradient(135deg, var(--sky-light) 0%, var(--background-light) 100%);
    min-height: 80vh;
}

.thank_you_layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 68px;
    align-items: center;
}

.appreciation_content {
    text-align: center;
}

.success_indicator {
    margin-bottom: 44px;
    display: flex;
    justify-content: center;
}

.check_mark_circle {
    width: 89px;
    height: 89px;
    background: linear-gradient(135deg, var(--success-color), #20b080);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-medium);
    animation: pulse 2s infinite;
}

.check_mark {
    width: 34px;
    height: 17px;
    border: 4px solid white;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    margin-top: -8px;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.gratitude_heading {
    font-size: 3.2rem;
    color: var(--deep-ocean);
    margin-bottom: 28px;
    line-height: 1.2;
}

.appreciation_message {
    font-size: 1.2rem;
    line-height: 1.7;
    margin-bottom: 55px;
    opacity: 0.85;
}

.next_steps_info {
    background: var(--background-light);
    padding: 44px;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-soft);
    margin-bottom: 44px;
    text-align: left;
}

.next_steps_info h3 {
    color: var(--deep-ocean);
    font-size: 1.5rem;
    margin-bottom: 34px;
    text-align: center;
}

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

.step_item {
    display: flex;
    align-items: flex-start;
    gap: 21px;
}

.step_number {
    width: 44px;
    height: 44px;
    background: var(--ocean-blue);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.step_content h4 {
    color: var(--deep-ocean);
    margin-bottom: 8px;
    font-size: 1.1rem;
}

.step_content p {
    margin-bottom: 0;
    color: var(--text-color);
    line-height: 1.6;
}

.action_buttons_group {
    display: flex;
    gap: 23px;
    justify-content: center;
    flex-wrap: wrap;
}

.return_home_button, .learn_more_button {
    padding: 19px 34px;
    border-radius: var(--border-radius);
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition-smooth);
    border: none;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.return_home_button {
    background: linear-gradient(135deg, var(--ocean-blue), var(--deep-ocean));
    color: white;
    box-shadow: var(--shadow-medium);
}

.return_home_button:hover {
    transform: translateY(-3px);
    box-shadow: 0 34px 68px rgba(0, 180, 216, 0.35);
}

.learn_more_button {
    background: transparent;
    color: var(--deep-ocean);
    border: 2px solid var(--ocean-blue);
}

.learn_more_button:hover {
    background: var(--ocean-blue);
    color: white;
    transform: translateY(-3px);
}

.celebration_image {
    width: 100%;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-medium);
    transform: rotate(1deg);
    transition: var(--transition-smooth);
}

.celebration_image:hover {
    transform: rotate(0deg) scale(1.02);
}

.additional_info_zone {
    padding: 134px 0;
    background: var(--neutral-light);
}

.preparation_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 44px;
    margin-top: 68px;
}

.prep_card {
    background: var(--background-light);
    padding: 34px 28px;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-soft);
    text-align: center;
    transition: var(--transition-smooth);
}

.prep_card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-medium);
}

.prep_visual {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: var(--border-radius);
    margin-bottom: 21px;
}

.contact_reminder_zone {
    padding: 89px 0;
    background: var(--ocean-blue);
    color: white;
    text-align: center;
}

.reminder_title {
    font-size: 2.5rem;
    color: white;
    margin-bottom: 23px;
}

.reminder_message {
    font-size: 1.2rem;
    margin-bottom: 44px;
    opacity: 0.9;
    color: white;
}

.quick_contact_info {
    display: flex;
    justify-content: center;
    gap: 68px;
    margin-top: 34px;
}

.contact_method strong {
    color: white;
    font-size: 1.1rem;
    margin-bottom: 8px;
    display: block;
}

.contact_method p {
    margin-bottom: 0;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
}

/* Responsive Design for About and Thank You Pages */
@media screen and (max-width: 1280px) {
    .hero_content_layout,
    .philosophy_layout,
    .research_content_layout,
    .resources_layout,
    .thank_you_layout {
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .appreciation_content {
        text-align: center;
    }

    .research_achievements {
        flex-wrap: wrap;
        justify-content: center;
    }

    .quick_contact_info {
        flex-direction: column;
        gap: 34px;
    }
}

@media screen and (max-width: 890px) {
    .about_main_title {
        font-size: 2.8rem;
    }

    .gratitude_heading {
        font-size: 2.5rem;
    }

    .expertise_grid,
    .training_grid,
    .preparation_grid {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .stories_showcase {
        grid-template-columns: 1fr;
    }

    .research_achievements {
        flex-direction: column;
        gap: 23px;
    }

    .partners_benefits {
        grid-template-columns: 1fr;
    }

    .steps_timeline {
        gap: 34px;
    }

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

@media screen and (max-width: 640px) {
    .about_main_title,
    .gratitude_heading {
        font-size: 2.1rem;
    }

    .next_steps_info {
        padding: 28px 21px;
    }

    .step_item {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 15px;
    }

    .check_mark_circle {
        width: 68px;
        height: 68px;
    }

    .check_mark {
        width: 28px;
        height: 13px;
    }
}