/* /Components/AppFooter.razor.rz.scp.css */
footer[b-m4jo0gffi6] {
    background-color: var(--neutral-900);
    color: white;
    padding          : 0 1rem;
    
}

.container[b-m4jo0gffi6] {
    max-width: var(--page-width);
    margin-inline: auto;
    padding: 4rem 1rem; /* 64px 16px */
}

.grid-container[b-m4jo0gffi6] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem; /* 32px */
}

/* Company Info & Contact */
.company-info[b-m4jo0gffi6] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem; /* 24px */
}

.company-info p[b-m4jo0gffi6] {
    color: #D1D5DB; /* text-gray-300 */
    line-height: 1.625;
    max-width: 28rem; /* 448px */
}

.contact-details[b-m4jo0gffi6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem; /* 12px */
}

.contact-item[b-m4jo0gffi6] {
    display: flex;
    align-items: center;
    gap: 0.75rem; /* 12px */
    color: #D1D5DB; /* text-gray-300 */
    font-size: 0.875rem; /* 14px */
}

.contact-item svg[b-m4jo0gffi6] {
    color: var(--teal-light); /* Changed for contrast */
}

.logo[b-m4jo0gffi6] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.app-name .main[b-m4jo0gffi6] {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
}

.app-name .subsidiary[b-m4jo0gffi6] {
    font-size: 14px;
    color: var(--teal-light); /* Changed for contrast */
}

/* Social Links */
.social-links[b-m4jo0gffi6] {
    display: flex;
    gap: 1rem; /* 16px */
}

.social-icon[b-m4jo0gffi6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;  /* 40px */
    height: 2.5rem; /* 40px */
    background-color: rgba(131, 197, 190, 0.1); /* --teal-light at 10% opacity */
    border-radius: var(--radius);
    transition: background-color var(--transition-duration);
}

.social-icon svg[b-m4jo0gffi6] {
    color: var(--teal-light); /* Changed for contrast */
    transition: color var(--transition-duration);
}

.social-icon:hover[b-m4jo0gffi6] {
    background-color: var(--teal-light); /* Changed for contrast */
}

.social-icon:hover svg[b-m4jo0gffi6] {
    color: var(--neutral-900); /* Changed for better contrast on hover */
}

/* Link Sections */
.link-section h4[b-m4jo0gffi6] {
    font-weight: 600;
    margin-bottom: 1rem;
    color: white;
}

.link-section ul[b-m4jo0gffi6] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem; /* 8px */
}

.link-section ul a[b-m4jo0gffi6] {
    color: #D1D5DB; /* text-gray-300 */
    font-size: 0.875rem; /* 14px */
    transition: color var(--transition-duration);
}

.link-section ul a:hover[b-m4jo0gffi6] {
    color: var(--teal-light); /* Changed for contrast */
}

/* Separator */
.separator[b-m4jo0gffi6] {
    border: none;
    height: 1px;
    background-color: #4B5563; /* approx gray-700 */
    margin: 3rem 0;
}

/* Bottom Section */
.bottom-section[b-m4jo0gffi6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    font-size: 0.875rem; /* 14px */
    color: #9CA3AF; /* text-gray-400 */
}

.legal-links[b-m4jo0gffi6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.policies[b-m4jo0gffi6] {
    display: flex;
    gap: 1rem;
}

.policies a[b-m4jo0gffi6] {
    transition: color var(--transition-duration);
}

.policies a:hover[b-m4jo0gffi6] {
    color: var(--teal-light); /* Changed for contrast */
}

.founder-info[b-m4jo0gffi6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.founder-name[b-m4jo0gffi6] {
    color: var(--teal-light); /* Changed for contrast */
    font-weight: 500;
}

/* Large devices (desktops, 1024px and up) */
@media (min-width: 1024px) {
    .container[b-m4jo0gffi6] {
        padding: 4rem 1.5rem;
    }

    .grid-container[b-m4jo0gffi6] {
        grid-template-columns: repeat(5, 1fr);
    }

    .company-info[b-m4jo0gffi6] {
        grid-column: span 2;
    }

    .bottom-section[b-m4jo0gffi6] {
        flex-direction: row;
    }

    .legal-links[b-m4jo0gffi6] {
        flex-direction: row;
    }
}
/* /Components/AppHeader.razor.rz.scp.css */
.app-header[b-pte28khjyd] {
    position: sticky;
    top: 0;
    z-index: 50;
    width: 100%;
    border-bottom: 1px solid var(--border);
    background-color: rgba(255, 255, 255, 0.8);
}

@supports (backdrop-filter: blur(12px)) {
    .app-header[b-pte28khjyd] {
        backdrop-filter: blur(12px);
    }
}

.container[b-pte28khjyd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 4rem; /* 64px */
    max-width: var(--page-width);
    margin-inline: auto;
    padding-inline: 1rem; /* 16px */
}

.logo[b-pte28khjyd] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.app-name[b-pte28khjyd] {
    line-height: 1.1;
}

.app-name .main[b-pte28khjyd] {
    color: var(--neutral-800);
    font-size: 13.75px;
    font-weight: bold;
    text-transform: uppercase;
}

.app-name .subsidiary[b-pte28khjyd] {
    color: var(--teal-accent);
    font-size: 13px;
}

.desktop-nav[b-pte28khjyd] {
    display: none; /* Hidden on mobile */
    align-items: center;
    gap: 2rem; /* 32px */
}

.desktop-nav a[b-pte28khjyd] {
    font-size: 0.875rem; /* 14px */
    font-weight: 500;
    color: var(--muted-foreground);
    transition: color var(--transition-duration);
}

.desktop-nav a:hover[b-pte28khjyd] {
    color: var(--teal-accent);
}

.desktop-cta[b-pte28khjyd] {
    display: none; /* Hidden on mobile */
}

.action-button[b-pte28khjyd] {
    background-color: var(--teal-accent);
    color: white;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: var(--radius);
    cursor: pointer;
    font-weight: 500;
    transition: background-color var(--transition-duration);
}

.action-button:hover[b-pte28khjyd] {
    background-color: var(--teal-dark);
}

.mobile-menu-button[b-pte28khjyd] {
    padding: 0.5rem;
    background: none;
    border: none;
    cursor: pointer;
}

.mobile-nav-container[b-pte28khjyd] {
    border-top: 1px solid var(--border);
    padding: 1rem;
}

.mobile-nav[b-pte28khjyd] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.mobile-nav a[b-pte28khjyd] {
    font-size: 0.875rem; /* 14px */
    font-weight: 500;
    color: var(--muted-foreground);
    transition: color var(--transition-duration);
}

.mobile-nav a:hover[b-pte28khjyd] {
    color: var(--teal-accent);
}

.mobile-cta[b-pte28khjyd] {
    padding-top: 1rem;
}

.mobile-cta .action-button[b-pte28khjyd] {
    width: 100%;
    text-align: left;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .container[b-pte28khjyd] {
        padding-inline: 1.5rem; /* 24px */
    }

    .desktop-nav[b-pte28khjyd], .desktop-cta[b-pte28khjyd] {
        display: flex;
    }

    .mobile-menu-button[b-pte28khjyd], .mobile-nav-container[b-pte28khjyd] {
        display: none;
    }
}
/* /Components/Sections/AboutSection.razor.rz.scp.css */
.about-section[b-ws6cilievl] {
    background-color: white;
    padding          : 3rem 1rem;

}

.container[b-ws6cilievl] {
    max-width: var(--page-width);
    margin-inline: auto;
    padding-inline: 1rem;
}

.material-symbol[b-ws6cilievl] {
    font-family: "Symbols";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/* --- Main Content Section --- */
.main-content-grid[b-ws6cilievl] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    align-items: center;
    margin-bottom: 5rem;
}

.text-content[b-ws6cilievl] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;

    h2 {
        font-size: 2.25rem;
        font-weight: 700;
        color: var(--neutral-900);
    }

    p[b-ws6cilievl] {
        color: #4B5563; /* gray-600 */
        line-height: 1.625;
        font-size: 1.125rem;
    }
}

.vision-content[b-ws6cilievl] {
    h3 {
        font-size: 1.25rem;
        font-weight: 600;
        color: var(--neutral-900);
        margin-bottom: 1rem;
    }

    ul[b-ws6cilievl] {
        list-style: none;
        padding-left: 0;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;

        li {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            color: #4B5563; /* gray-600 */

            &::before {
                content: '';
                display: block;
                width: 0.5rem;
                height: 0.5rem;
                background-color: var(--teal-accent);
                border-radius: 50%;
            }
        }
    }
}

.cta-button[b-ws6cilievl] {
    background-color: var(--teal-accent);
    color: white;
    font-weight: 500;
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: var(--radius);
    cursor: pointer;
    transition: background-color var(--transition-duration);
    align-self: flex-start;

    &:hover {
        background-color: var(--teal-dark);
    }
}

.image-content[b-ws6cilievl] {
    position: relative;
}

.image-wrapper[b-ws6cilievl] {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);

    img {
        width: 100%;
        height: 24rem;
        object-fit: cover;
        display: block;
    }

    .image-overlay[b-ws6cilievl] {
        position: absolute;
        inset: 0;
        background-image: linear-gradient(to top right, rgba(0, 109, 119, 0.2), transparent);
    }
}

.founder-quote-card[b-ws6cilievl] {
    position: absolute;
    bottom: -1.5rem;
    left: -1.5rem;
    background-color: white;
    border-radius: 0.75rem;
    padding: 1.5rem;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
    max-width: 20rem;

    .quote-header {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        margin-bottom: 0.5rem;
    }

    .initial-avatar[b-ws6cilievl] {
        width: 2rem;
        height: 2rem;
        background-color: var(--teal-accent);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 0.875rem;
        font-weight: 600;
    }

    .name[b-ws6cilievl] {
        font-weight: 600;
        font-size: 0.875rem;
    }

    .title[b-ws6cilievl] {
        font-size: 0.75rem;
        color: #6B7280; /* gray-500 */
    }

    .quote-text[b-ws6cilievl] {
        font-size: 0.875rem;
        color: #4B5563; /* gray-600 */
        font-style: italic;
    }
}

/* --- Stats Section --- */
.stats-grid[b-ws6cilievl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    margin-bottom: 5rem;
}

.stat-card[b-ws6cilievl] {
    background-color: var(--neutral-50);
    border-radius: var(--radius);
    padding: 1.5rem;
    text-align: center;
    transition: box-shadow var(--transition-duration);

    &:hover {
        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
    }

    .material-symbol[b-ws6cilievl] {
        font-size: 2rem;
        color: var(--teal-accent);
    }

    .value[b-ws6cilievl] {
        font-size: 1.875rem;
        font-weight: 700;
        color: var(--neutral-900);
    }

    .label[b-ws6cilievl] {
        font-size: 0.875rem;
        color: #4B5563; /* gray-600 */
    }
}


/* --- Core Mission Section --- */
.mission-header[b-ws6cilievl] {
    text-align: center;
    margin-bottom: 3rem;

    h3 {
        font-size: 1.875rem;
        font-weight: 700;
        color: var(--neutral-900);
        margin-bottom: 1rem;
    }

    p[b-ws6cilievl] {
        color: #4B5563; /* gray-600 */
        max-width: 42rem;
        margin-inline: auto;
    }
}

.mission-grid[b-ws6cilievl] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

.mission-card[b-ws6cilievl] {
    text-align: center;
    padding: 2rem;
    background-color: white;
    border-radius: var(--radius);
    transition: all var(--transition-duration) ease-in-out;

    &:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
    }

    .icon-wrapper[b-ws6cilievl] {
        width: 4rem;
        height: 4rem;
        background-color: rgba(0, 109, 119, 0.1); /* --teal-accent at 10% */
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-inline: auto;
        margin-bottom: 1rem;

        .material-symbol {
            font-size: 2rem;
            color: var(--teal-accent);
        }
    }

    h4[b-ws6cilievl] {
        font-size: 1.25rem;
        font-weight: 600;
        color: var(--neutral-900);
        margin-bottom: 0.5rem;
    }

    p[b-ws6cilievl] {
        color: #4B5563; /* gray-600 */
        line-height: 1.625;
    }
}

/* --- Responsive Design --- */
@media (min-width: 1024px) {
    .container[b-ws6cilievl] {
        padding-inline: 1.5rem;
    }

    .main-content-grid[b-ws6cilievl] {
        grid-template-columns: repeat(2, 1fr);
        gap: 5rem;
    }

    .mission-grid[b-ws6cilievl] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Components/Sections/ContactSection.razor.rz.scp.css */
.material-symbol[b-90xw9qpfjk]
{
    direction      : ltr;
    display        : inline-block;
    font-family    : "Symbols";
    font-size      : 24px;
    font-style     : normal;
    letter-spacing : normal;
    line-height    : 1;
    text-transform : none;
    white-space    : nowrap;
    word-wrap      : normal;
}

.contact-section[b-90xw9qpfjk]
{
    background-color : white;
    padding          : 3rem 1rem;

    *
    {
        box-sizing : border-box;
    }
}

.container[b-90xw9qpfjk]
{
    margin-inline  : auto;
    max-width      : var(--page-width);
    padding-inline : 1rem;
}

/* --- Section Header --- */
.section-header[b-90xw9qpfjk]
{
    margin-bottom : 4rem;
    margin-inline : auto;
    max-width     : 48rem;
    text-align    : center;

    h2, p
    {
        align-items     : center;
        display         : flex;
        gap             : 0.5rem;
        justify-content : center;
        text-wrap       : balance;
    }

    h2[b-90xw9qpfjk]
    {
        color         : var(--neutral-900);
        font-size     : 2rem;
        font-weight   : 700;
        margin-bottom : 1rem;

        .material-symbol
        {
            font-size : 2.25rem;
        }
    }

    p[b-90xw9qpfjk]
    {
        color     : #4b5563; /* gray-600 */
        font-size : 1.125rem;

        .material-symbol
        {
            font-size : 1.5rem;
        }
    }
}

/* --- Main Grid Layout --- */
.contact-grid[b-90xw9qpfjk]
{
    display               : grid;
    gap                   : 3rem;
    grid-template-columns : 1fr;
}

/* --- Info Column (Left) --- */
.info-column[b-90xw9qpfjk]
{
    display        : flex;
    flex-direction : column;
    gap            : 1.5rem;

    h3
    {
        color       : var(--neutral-900);
        font-size   : 1.25rem;
        font-weight : 600;
    }
}

.connect-list[b-90xw9qpfjk]
{
    display        : flex;
    flex-direction : column;
    gap            : 1.5rem;
}

.connect-item[b-90xw9qpfjk]
{
    display : flex;
    gap     : 1rem;

    .icon-wrapper
    {
        align-items      : center;
        background-color : rgba(0, 109, 119, 0.1);
        border-radius    : 6px;
        display          : flex;
        flex-shrink      : 0;
        height           : 3rem;
        justify-content  : center;
        width            : 3rem;

        .material-symbol
        {
            color     : var(--teal-accent);
            font-size : 1.5rem;
        }
    }

    .details[b-90xw9qpfjk]
    {
        h4, p
        {
            line-height : 1;
        }

        h4[b-90xw9qpfjk]
        {
            color       : var(--neutral-900);
            font-weight : 500;
        }

        p[b-90xw9qpfjk]
        {
            color     : #4b5563; /* gray-600 */
            font-size : 0.875rem;
        }

        .action-link[b-90xw9qpfjk]
        {
            background  : none;
            border      : none;
            color       : var(--teal-accent);
            cursor      : pointer;
            font-size   : 0.875rem;
            font-weight : 500;
            padding     : 0;

            &:hover
            {
                text-decoration : underline;
            }
        }
    }
}

.quick-actions-card[b-90xw9qpfjk]
{
    background-color : rgba(0, 109, 119, 0.05);
    border           : 1px solid rgba(0, 109, 119, 0.2);
    border-radius    : var(--radius);
    padding          : 1rem;

    .card-header
    {
        align-items   : center;
        display       : flex;
        font-size     : 1.125rem;
        font-weight   : 600;
        gap           : 0.5rem;
        margin-bottom : 1rem;

        .material-symbol
        {
            color : var(--teal-accent);
        }
    }

    .card-content[b-90xw9qpfjk]
    {
        display        : flex;
        flex-direction : column;
        gap            : 0.75rem;
    }
}

/* --- Form Column (Right) --- */
.form-card[b-90xw9qpfjk]
{
    border        : 1px solid var(--border);
    border-radius : var(--radius);
    box-shadow    : 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    overflow      : hidden;

    .card-header
    {
        border-bottom : 1px solid var(--border);
        padding       : 1.5rem;

        h3
        {
            color       : var(--neutral-900);
            font-size   : 1.25rem;
            font-weight : 600;
        }

        p[b-90xw9qpfjk]
        {
            color : #4b5563; /* gray-600 */
        }
    }

    .card-content[b-90xw9qpfjk]
    {
        padding : 1.5rem;
    }
}

.form-grid[b-90xw9qpfjk]
{
    display               : grid;
    gap                   : 1rem;
    grid-template-columns : 1fr;
    margin-bottom         : 1.5rem;
}

.form-group[b-90xw9qpfjk]
{
    display        : flex;
    flex-direction : column;
    gap            : 0.5rem;
}

.full-width[b-90xw9qpfjk]
{
    grid-column : 1 / -1;
}

label[b-90xw9qpfjk]
{
    font-size   : 0.875rem;
    font-weight : 500;
}

input[b-90xw9qpfjk], select[b-90xw9qpfjk], textarea[b-90xw9qpfjk]
{
    border        : 1px solid var(--neutral-200);
    border-radius : 6px;
    font-size     : 1rem;
    padding       : 0.75rem;
    transition    : border-color 200ms, box-shadow 200ms;
    width         : 100%;

    &:focus
    {
        border-color : var(--teal-accent);
        box-shadow   : 0 0 0 2px rgba(0, 109, 119, 0.2);
        outline      : none;
    }
}

textarea[b-90xw9qpfjk]
{
    resize : vertical;
}

.checkbox-group[b-90xw9qpfjk]
{
    align-items  : flex-start;
    display      : flex;
    gap          : 0.75rem;
    margin-block : 1.5rem;

    input[type="checkbox"]
    {
        accent-color : var(--teal-accent);
        height       : 1rem;
        margin-top   : 0.2rem;
        width        : 1rem;
    }

    label[b-90xw9qpfjk]
    {
        color     : #4b5563; /* gray-600 */
        font-size : 0.875rem;
    }
}

.form-actions[b-90xw9qpfjk]
{
    display        : flex;
    flex-direction : column;
    gap            : 1rem;
    margin-bottom  : 1rem;
}

.privacy-text[b-90xw9qpfjk]
{
    color      : #6b7280; /* gray-500 */
    font-size  : 0.75rem;
    text-align : center;
}

/* --- Shared Button Styles --- */
.btn[b-90xw9qpfjk]
{
    align-items     : center;
    border          : 1px solid transparent;
    border-radius   : 6px;
    cursor          : pointer;
    display         : inline-flex;
    font-weight     : 500;
    gap             : 0.5rem;
    justify-content : center;
    padding         : 0.75rem;
    transition      : all 200ms;
    width           : 100%;
}

.btn-primary[b-90xw9qpfjk]
{
    background-color : var(--teal-accent);
    color            : white;
}

.btn-primary:hover[b-90xw9qpfjk]
{
    background-color : var(--teal-dark);
}

.btn-outline[b-90xw9qpfjk]
{
    background-color : transparent;
    border-color     : var(--teal-accent);
    color            : var(--teal-accent);
}

.btn-outline:hover[b-90xw9qpfjk]
{
    background-color : var(--teal-accent);
    color            : white;
}

.btn-ghost[b-90xw9qpfjk]
{
    background-color : transparent;
    color            : var(--teal-accent);
}

.btn-ghost:hover[b-90xw9qpfjk]
{
    background-color : rgba(0, 109, 119, 0.1);
}

.btn .material-symbol[b-90xw9qpfjk]
{
    font-size : 1.25rem;
}

/* --- Responsive Design --- */
@media (min-width : 768px)
{
    .form-grid[b-90xw9qpfjk]
    {
        grid-template-columns : 1fr 1fr;
    }

    .form-actions[b-90xw9qpfjk]
    {
        flex-direction : row;
    }
}

@media (min-width : 1024px)
{
    .container[b-90xw9qpfjk]
    {
        padding-inline : 1.5rem;
    }

    .contact-grid[b-90xw9qpfjk]
    {
        gap                   : 4rem;
        grid-template-columns : 1fr 2fr;
    }
}
/* /Components/Sections/HeroSection.razor.rz.scp.css */
.hero-section[b-xa6p8645ga]
{
    background-image : linear-gradient(to bottom right, var(--neutral-50), white);
    overflow         : hidden;
    padding          : 3rem 1rem;
    position         : relative;
}

/* Decorative background shapes with blur effect */
.bg-shape1[b-xa6p8645ga], .bg-shape2[b-xa6p8645ga]
{
    border-radius : 50%;
    filter        : blur(80px);
    opacity       : 0.1;
    position      : absolute;
    z-index       : 0;
}

.bg-shape1[b-xa6p8645ga]
{
    background-color : var(--teal-accent);
    height           : 20rem;
    left             : 20%;
    top              : 15%;
    width            : 20rem;
}

.bg-shape2[b-xa6p8645ga]
{
    background-color : var(--teal-light);
    bottom           : 15%;
    height           : 24rem;
    right            : 20%;
    width            : 24rem;
}

.container[b-xa6p8645ga]
{
    margin-inline  : auto;
    max-width      : var(--page-width);
    padding-inline : 1rem;
    position       : relative;
    z-index        : 1;
}

.grid-container[b-xa6p8645ga]
{
    align-items           : center;
    display               : grid;
    gap                   : 3rem;
    grid-template-columns : 1fr;
}

/* --- Content Column --- */
.content-column[b-xa6p8645ga]
{
    display        : flex;
    flex-direction : column;
    gap            : 2rem;
    /* The content will now appear first on mobile, which is more logical */
    order          : 2;
}

.coming-soon-tag[b-xa6p8645ga]
{
    align-items      : center;
    background-color : rgba(0, 109, 119, 0.1);
    border-radius    : 9999px;
    color            : var(--teal-accent);
    display          : inline-flex;
    font-size        : 0.875rem;
    font-weight      : 500;
    gap              : 0.5rem;
    padding          : 0.5rem 1rem;
    width            : fit-content;
}

h1[b-xa6p8645ga]
{
    color       : var(--neutral-900);
    font-size   : 2.5rem;
    font-weight : 700;
    line-height : 1.2;
    text-wrap   : balance;
}

h1 .highlight[b-xa6p8645ga]
{
    color : var(--teal-accent);
}

.content-column p[b-xa6p8645ga]
{
    color       : var(--color-gray-600);
    font-size   : 1.125rem;
    line-height : 1.625;
}

.stats-grid[b-xa6p8645ga]
{
    display               : grid;
    gap                   : 1.5rem;
    grid-template-columns : repeat(3, 1fr);
}

.stat-item[b-xa6p8645ga]
{
    text-align : center;
}

.stat-value[b-xa6p8645ga]
{
    color       : var(--teal-accent);
    font-size   : 1.5rem;
    font-weight : 700;
}

.stat-label[b-xa6p8645ga]
{
    color     : var(--color-gray-600);
    font-size : 0.875rem;
}

.cta-buttons[b-xa6p8645ga]
{
    display        : flex;
    flex-direction : column;
    gap            : 1rem;
}

.btn[b-xa6p8645ga]
{
    align-items     : center;
    border          : 2px solid transparent;
    border-radius   : var(--radius);
    cursor          : pointer;
    display         : inline-flex;
    font-size       : 1rem; /* Adjusted for better scaling */
    font-weight     : 500;
    gap             : 0.5rem;
    justify-content : center;
    padding         : 0.875rem 1.5rem; /* Adjusted padding */
    transition      : all var(--transition-duration);
}

.btn-primary[b-xa6p8645ga]
{
    background-color : var(--teal-accent);
    color            : white;
}

.btn-primary:hover[b-xa6p8645ga]
{
    background-color : var(--teal-dark);
}

.btn-outline[b-xa6p8645ga]
{
    background-color : transparent;
    border-color     : var(--teal-accent);
    color            : var(--teal-accent);
}

.btn-outline:hover[b-xa6p8645ga]
{
    background-color : var(--teal-accent);
    color            : white;
}

.trust-indicators[b-xa6p8645ga]
{
    align-items : center;
    display     : flex;
    gap         : 1.5rem;
    padding-top : 1rem;
}

.indicator-item[b-xa6p8645ga]
{
    align-items : center;
    color       : #4b5563; /* gray-600 */
    display     : flex;
    font-size   : 0.875rem;
    gap         : 0.5rem;
}

.indicator-item svg[b-xa6p8645ga]
{
    color : var(--teal-accent);
}

/* --- Image Column --- */
.image-column[b-xa6p8645ga]
{
    order    : 1; /* Image appears first in the DOM on mobile */
    position : relative;
}

.image-wrapper[b-xa6p8645ga]
{
    border-radius : 1rem;
    box-shadow    : 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    overflow      : hidden;
    position      : relative;
    transform     : rotate(2deg);
    transition    : transform 700ms cubic-bezier(0.25, 1, 0.5, 1);
}

.image-wrapper:hover[b-xa6p8645ga]
{
    transform : rotate(0deg);
}

.image-wrapper img[b-xa6p8645ga]
{
    display    : block;
    height     : 24rem;
    object-fit : cover;
    width      : 100%;
}

.image-gradient-overlay[b-xa6p8645ga]
{
    background-image : linear-gradient(to top right, rgba(0, 109, 119, 0.1), transparent);
    inset            : 0;
    position         : absolute;
}

.floating-badge[b-xa6p8645ga]
{
    background-color : white;
    border-radius    : 0.75rem;
    box-shadow       : 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    padding          : 0.75rem 1rem; /* Adjusted padding */
    position         : absolute;
}

.top-badge[b-xa6p8645ga]
{
    align-items : center;
    display     : flex;
    font-size   : 0.875rem;
    font-weight : 500;
    gap         : 0.5rem;
    right       : -1rem;
    top         : -1rem;
}

.bottom-badge[b-xa6p8645ga]
{
    bottom : -1rem;
    left   : -1rem;
}

.badge-title[b-xa6p8645ga]
{
    color       : var(--teal-accent);
    font-size   : 1.5rem;
    font-weight : 700;
}

.badge-subtitle[b-xa6p8645ga]
{
    color     : #4b5563; /* gray-600 */
    font-size : 0.75rem;
}

.pulse-dot[b-xa6p8645ga]
{
    animation        : pulse-b-xa6p8645ga 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    background-color : #f97316; /* orange-500 */
    border-radius    : 50%;
    height           : 0.75rem;
    width            : 0.75rem;
}

@keyframes pulse-b-xa6p8645ga
{
    0%, 100%
    {
        opacity : 1;
    }
    50%
    {
        opacity : 0.5;
    }
}

/* --- Responsive Design --- */
@media (min-width : 640px)
{
    .cta-buttons[b-xa6p8645ga]
    {
        flex-direction : row;
    }
}

/* REFINED: Large devices (desktops, 992px and up) */
@media (min-width : 992px)
{
    .container[b-xa6p8645ga]
    {
        padding-inline : 1.5rem;
    }

    .grid-container[b-xa6p8645ga]
    {
        /* This grid setup gives more space to the text content and makes the image column less flexible */
        gap                   : 4rem;
        grid-template-columns : minmax(0, 1.2fr) minmax(400px, 1fr);
    }

    .content-column[b-xa6p8645ga], .image-column[b-xa6p8645ga]
    {
        /* Reset order for desktop view */
        order : initial;
    }

    h1[b-xa6p8645ga]
    {
        font-size : 3.25rem; /* Slightly adjusted for balance */
    }

    .image-wrapper img[b-xa6p8645ga]
    {
        height : 31.25rem; /* 500px */
    }
}

/* REFINED: Extra-large devices for final polish */
@media (min-width : 1200px)
{
    .grid-container[b-xa6p8645ga]
    {
        gap : 5rem; /* Increase gap on very wide screens */
    }

    h1[b-xa6p8645ga]
    {
        font-size : 3.75rem; /* text-6xl */
    }

    .btn[b-xa6p8645ga]
    {
        font-size : 1.125rem; /* text-lg */
        padding   : 1rem 2rem;
    }
}
/* /Components/Sections/ProgramsSection.razor.rz.scp.css */
.programs-section[b-s8dk99icc7]
{
    background-color : var(--neutral-50);
    padding          : 3rem 1rem;

}

.container[b-s8dk99icc7]
{
    margin-inline  : auto;
    max-width      : var(--page-width);
    padding-inline : 1rem;
}

/* --- Section Header --- */
.section-header[b-s8dk99icc7]
{
    margin-bottom : 4rem;
    margin-inline : auto;
    max-width     : 48rem; /* max-w-3xl */
    text-align    : center;

    h2
    {
        color         : var(--neutral-900);
        font-size     : 2.25rem; /* ~text-4xl */
        font-weight   : 700;
        margin-bottom : 1rem;
        text-wrap     : balance;
    }

    p[b-s8dk99icc7]
    {
        color     : #4b5563; /* gray-600 */
        font-size : 1.125rem; /* text-lg */
        text-wrap : balance;
    }
}

/* --- Main Program Cards --- */
.cards-grid[b-s8dk99icc7]
{
    display               : grid;
    gap                   : 2rem;
    grid-template-columns : 1fr;
    margin-bottom         : 4rem;
}

.program-card[b-s8dk99icc7]
{
    background-color : white;
    border           : 1px solid var(--border);
    border-radius    : 0.75rem;
    overflow         : hidden;
    position         : relative;
    transition       : all 300ms ease-in-out;

    &:hover
    {
        box-shadow : 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        transform  : translateY(-4px);
    }
}

.card-image-container[b-s8dk99icc7]
{
    overflow : hidden;
    position : relative;

    .coming-soon-badge
    {
        background-color : #f97316; /* orange-500 */
        border-radius    : 9999px;
        color            : white;
        font-size        : 0.75rem;
        font-weight      : 500;
        padding          : 0.25rem 0.75rem;
        position         : absolute;
        right            : 1rem;
        top              : 1rem;
        z-index          : 10;
    }

    img[b-s8dk99icc7]
    {
        height     : 12rem;
        object-fit : cover;
        transition : transform 300ms ease-in-out;
        width      : 100%;
    }

    .program-card:hover img[b-s8dk99icc7]
    {
        transform : scale(1.05);
    }

    .image-overlay[b-s8dk99icc7]
    {
        background-color : rgba(0, 109, 119, 0.2); /* --teal-accent at 20% */
        inset            : 0;
        position         : absolute;
    }

    .icon-badge[b-s8dk99icc7]
    {
        align-items      : center;
        backdrop-filter  : blur(12px);
        background-color : rgba(255, 255, 255, 0.5);
        border-radius    : 50%;
        display          : flex;
        justify-content  : center;
        left             : 1rem;
        padding          : 0.5rem;
        position         : absolute;
        top              : 1rem;

        svg
        {
            color  : var(--teal-dark);
            height : 1.25rem;
            width  : 1.25rem;
        }
    }
}

.card-content[b-s8dk99icc7]
{
    display        : flex;
    flex-direction : column;
    gap            : 1rem;
    padding        : 1rem;
}

.card-header[b-s8dk99icc7]
{
    h3
    {
        color       : var(--neutral-900);
        font-size   : 1.25rem;
        font-weight : 600;
    }

    p[b-s8dk99icc7]
    {
        color     : #4b5563; /* gray-600 */
        font-size : 0.875rem;
    }
}

.card-details[b-s8dk99icc7]
{
    align-items : center;
    color       : #6b7280; /* gray-500 */
    display     : flex;
    font-size   : 0.875rem;
    gap         : 1rem;

    .detail-item
    {
        align-items : center;
        display     : flex;
        gap         : 0.25rem;
    }
}

.feature-tags[b-s8dk99icc7]
{
    display   : flex;
    flex-wrap : wrap;
    gap       : 0.5rem;

    .tag
    {
        background-color : var(--secondary);
        border-radius    : 9999px;
        color            : var(--secondary-foreground);
        font-size        : 0.75rem;
        padding          : 0.25rem 0.75rem;
    }
}

.program-card .cta-button[b-s8dk99icc7]
{
    background-color : var(--teal-accent); /* Use light teal for disabled state */
    border           : none;
    border-radius    : 6px;
    color            : white;
    cursor           : not-allowed;
    font-weight      : 500;
    opacity          : 0.8;
    padding          : 0.75rem;
    width            : 100%;
}

/* --- Additional Programs --- */
.additional-programs-section[b-s8dk99icc7]
{
    border-top  : 1px solid var(--border);
    padding-top : 4rem;
}

.additional-programs-title[b-s8dk99icc7]
{
    color         : var(--neutral-900);
    font-size     : 1.5rem;
    font-weight   : 700;
    margin-bottom : 3rem;
    text-align    : center;
}

.additional-cards-grid[b-s8dk99icc7]
{
    display               : grid;
    gap                   : 1.5rem;
    grid-template-columns : 1fr;
}

.card-icon[b-s8dk99icc7]
{
    font-family   : "Symbols";
    font-size     : 48px;
    margin-bottom : 1rem;
    color: var(--teal-accent);
}

.final-cta-box[b-s8dk99icc7]
{
    h3
    {
        align-items : center;
        display     : inline-flex;
        gap         : 12px;
    }

    .card-icon[b-s8dk99icc7]
    {
        font-size : 24px;
        margin    : initial;
    }
}

.additional-card[b-s8dk99icc7]
{
    background-color : white;
    border           : 1px solid var(--border);
    border-radius    : var(--radius);
    padding          : 1.5rem;
    text-align       : center;
    transition       : box-shadow 300ms ease-in-out;

    &:hover
    {
        box-shadow : 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    }

    h4[b-s8dk99icc7]
    {
        color         : var(--neutral-900);
        font-size     : 1.125rem;
        font-weight   : 600;
        margin-bottom : 0.5rem;
    }

    p[b-s8dk99icc7]
    {
        color         : #4b5563; /* gray-600 */
        font-size     : 0.875rem;
        margin-bottom : 1rem;
    }

    .coming-soon-tag[b-s8dk99icc7]
    {
        border        : 1px solid var(--teal-accent);
        border-radius : 9999px;
        color         : var(--teal-accent);
        display       : inline-block;
        font-size     : 0.875rem;
        padding       : 0.25rem 0.75rem;
    }
}

/* --- Final CTA --- */
.final-cta-container[b-s8dk99icc7]
{
    margin-top : 4rem;
    text-align : center;
}

.final-cta-box[b-s8dk99icc7]
{
    background-color : rgba(0, 109, 119, 0.05); /* --teal-accent at 5% */
    border-radius    : 1rem;
    margin-inline    : auto;
    max-width        : 42rem; /* max-w-2xl */
    padding          : 2rem;

    h3
    {
        color         : var(--neutral-900);
        font-size     : 1.5rem;
        font-weight   : 700;
        margin-bottom : 1rem;
    }

    p[b-s8dk99icc7]
    {
        color         : #4b5563; /* gray-600 */
        margin-bottom : 1.5rem;
    }
}

.cta-button-large[b-s8dk99icc7]
{
    align-items      : center;
    background-color : var(--teal-accent);
    border           : none;
    border-radius    : var(--radius);
    color            : white;
    cursor           : pointer;
    display          : inline-flex;
    font-size        : 1rem;
    font-weight      : 500;
    gap              : 0.5rem;
    padding          : 0.75rem 1.5rem;
    transition       : background-color 300ms;

    &:hover
    {
        background-color : var(--teal-dark);
    }
}

/* --- Responsive Design --- */
@media (min-width : 768px)
{
    .cards-grid[b-s8dk99icc7]
    {
        grid-template-columns : repeat(2, 1fr);
    }

    .additional-cards-grid[b-s8dk99icc7]
    {
        grid-template-columns : repeat(2, 1fr);
    }
}

@media (min-width : 1024px)
{
    .container[b-s8dk99icc7]
    {
        padding-inline : 1.5rem;
    }

    .cards-grid[b-s8dk99icc7]
    {
        grid-template-columns : repeat(3, 1fr);
    }

    .additional-cards-grid[b-s8dk99icc7]
    {
        grid-template-columns : repeat(4, 1fr);
    }
}
/* /Pages/Home.razor.rz.scp.css */
.home-container[b-m3ze4ta6zf] {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Ensures the footer stays at the bottom even on short pages */
}

main[b-m3ze4ta6zf] {
    flex-grow: 1; /* Allows the main content to fill available space */
    width: 100%;
}