/* ==========================================================================
   Shared marketing-page theme: same background, header and glass cards as the
   home page (landing-redesign.css). Presentation only.
   A page opts in by rendering <div class="eb-theme" hidden></div>; every rule is
   scoped to .page:has(.eb-theme), so pages without the marker are unaffected.
   ========================================================================== */
.page:has(.eb-theme) {
    --eb-text: #ffffff;
    --eb-text-2: #c7d2e5;
    --eb-cyan: #5ddcff;
    --eb-yellow: #ffd400;
    --eb-border: rgba(255, 255, 255, 0.16);
    --eb-radius-sm: 12px;
    --eb-radius-lg: 24px;
    --eb-shadow: 0 18px 40px rgba(2, 8, 23, 0.45);
    position: relative;
    isolation: isolate;
    background-color: #071329 !important;
}

/* ---------- Background (same artwork as the home page) ---------- */
.page:has(.eb-theme)::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(7, 19, 41, 0.15) 0%, rgba(7, 19, 41, 0.55) 70%, rgba(7, 19, 41, 0.85) 100%),
        url('/Images/Navy%20Waves,%20Golden%20Light,%20Bright%20Futures.png') center top / cover no-repeat,
        #071329;
}

@media (max-width: 767.98px) {
    .page:has(.eb-theme)::before {
        background:
            linear-gradient(180deg, rgba(7, 19, 41, 0.35) 0%, rgba(7, 19, 41, 0.75) 100%),
            url('/Images/Navy%20Waves,%20Golden%20Light,%20Bright%20Futures.png') 75% top / cover no-repeat,
            #071329;
    }
}

.page:has(.eb-theme) > .container-fluid,
.page:has(.eb-theme) main,
.page:has(.eb-theme) article.content,
.page:has(.eb-theme) .top-row,
.page:has(.eb-theme) .top-row .contact-info {
    background-color: transparent !important;
}

.page:has(.eb-theme) .top-row {
    border: 0 !important;
}

/* the HRM page paints its own fixed backdrop; let the shared one show instead */
.page:has(.eb-theme) .full-background-overlay {
    display: none !important;
}

/* social icons: yellow, brand colour on hover */
.page:has(.eb-theme) .top-row .nav-links a,
.page:has(.eb-theme) .top-row .nav-links a i {
    color: #ffd400 !important;
    transition: color 0.2s ease;
}

.page:has(.eb-theme) .top-row .nav-links a:nth-of-type(1):hover,
.page:has(.eb-theme) .top-row .nav-links a:nth-of-type(1):hover i {
    color: #1877f2 !important;
}

.page:has(.eb-theme) .top-row .nav-links a:nth-of-type(2):hover,
.page:has(.eb-theme) .top-row .nav-links a:nth-of-type(2):hover i {
    color: #e4405f !important;
}

/* ---------- Header / navigation (same as the home page) ---------- */
/* ---------- Header / navigation ---------- */
.page:has(.eb-theme) .toolbar-wrapper {
    max-width: 1680px;
    margin: 4px auto 0;
    padding: 10px 8px;
    background: #020b1f;
    border: 1.5px solid #5ac8fa;
    border-radius: var(--eb-radius-lg);
    box-shadow: var(--eb-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    font-family: inherit;
}

.page:has(.eb-theme) .toolbar-logo {
    height: 48px;
    border-radius: 10px;
}

.page:has(.eb-theme) .toolbar-brand-text span {
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.page:has(.eb-theme) .toolbar-brand-text .gold {
    color: var(--eb-yellow);
}

.page:has(.eb-theme) .toolbar-subtitle {
    color: var(--eb-text-2);
    font-size: 0.8rem;
}

.page:has(.eb-theme) .navbar-collapse {
    min-width: 0;
}

.page:has(.eb-theme) .toolbar-nav {
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 0;
    white-space: nowrap;
}

/* Keep desktop navigation on one row; collapse before space becomes tight. */
@media (min-width: 1400px) {
    .page:has(.eb-theme) .toolbar-nav {
        align-items: center;
    }

    .page:has(.eb-theme) .toolbar-nav .nav-link .bi,
    .page:has(.eb-theme) .toolbar-nav .nav-link svg,
    .page:has(.eb-theme) .toolbar-nav .nav-link i {
        display: none;
    }

    .page:has(.eb-theme) .toolbar-nav .nav-link {
        font-size: 0.85rem !important;
        padding: 0.45rem 0.4rem !important;
    }

    .page:has(.eb-theme) .toolbar-brand-text span {
        font-size: 1.35rem;
    }

    .page:has(.eb-theme) .toolbar-subtitle {
        font-size: 0.72rem;
    }

    .page:has(.eb-theme) .toolbar-login-btn {
        margin-left: 0.5rem !important;
        margin-right: 0 !important;
        padding: 0.5rem 1.1rem;
    }
}

@media (min-width: 1600px) {
    .page:has(.eb-theme) .toolbar-nav .nav-link .bi,
    .page:has(.eb-theme) .toolbar-nav .nav-link svg,
    .page:has(.eb-theme) .toolbar-nav .nav-link i {
        display: inline-block;
    }
}

.page:has(.eb-theme) .toolbar-nav .nav-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0.5rem 0.7rem;
    font-size: 0.92rem;
    font-weight: 500;
    color: var(--eb-text) !important;
    border-radius: var(--eb-radius-sm);
}

.page:has(.eb-theme) .toolbar-nav .nav-link:hover,
.page:has(.eb-theme) .toolbar-nav .nav-link:focus-visible,
.page:has(.eb-theme) .toolbar-nav .nav-link.show {
    color: var(--eb-yellow) !important;
    background: rgba(255, 255, 255, 0.08);
    transform: none;
}

.page:has(.eb-theme) .toolbar-nav .nav-link.disabled {
    opacity: 0.5;
}

.page:has(.eb-theme) .toolbar-login-btn {
    background: linear-gradient(135deg, #ffe34d, var(--eb-yellow)) !important;
    border: 0;
    color: #071329 !important;
    font-family: inherit;
    font-weight: 700;
    min-height: 42px;
    padding: 0.55rem 1.4rem;
    border-radius: var(--eb-radius-sm);
    box-shadow: 0 6px 18px rgba(255, 212, 0, 0.28);
}

.page:has(.eb-theme) .toolbar-login-btn:hover {
    color: #071329 !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(255, 212, 0, 0.42);
}

.page:has(.eb-theme) .dropdown-menu {
    background: rgba(11, 27, 56, 0.97);
    color: var(--eb-text-2);
    border: 1px solid var(--eb-border);
    border-radius: var(--eb-radius-sm);
    box-shadow: var(--eb-shadow);
    padding: 6px;
}

.page:has(.eb-theme) .dropdown-item {
    color: var(--eb-text-2);
    border-radius: 8px;
    padding: 0.5rem 0.9rem;
}

.page:has(.eb-theme) .dropdown-item:hover,
.page:has(.eb-theme) .dropdown-item:focus {
    background: rgba(23, 105, 255, 0.25);
}

.page:has(.eb-theme) .navbar-toggler {
    border: 1px solid var(--eb-border);
    border-radius: var(--eb-radius-sm);
    padding: 0.4rem 0.6rem;
}

@media (max-width: 1399.98px) {
    .page:has(.eb-theme) .toolbar-wrapper > .container-fluid {
        flex-wrap: wrap;
    }

    .page:has(.eb-theme) .navbar-toggler {
        display: block !important;
    }

    .page:has(.eb-theme) .navbar-collapse:not(.show) {
        display: none !important;
    }

    .page:has(.eb-theme) .navbar-collapse.show {
        display: block !important;
    }

    .page:has(.eb-theme) .toolbar-nav {
        flex-direction: column;
    }

    .page:has(.eb-theme) .navbar-collapse {
        flex-basis: 100%;
        margin-top: 10px;
        padding-top: 8px;
        border-top: 1px solid var(--eb-border);
    }

    .page:has(.eb-theme) .toolbar-nav {
        justify-content: flex-start;
        text-align: left;
    }

    .page:has(.eb-theme) .toolbar-nav .nav-link {
        padding: 0.75rem 0.6rem;
        min-height: 44px;
    }

    .page:has(.eb-theme) .toolbar-nav .nav-item:last-child {
        padding: 8px 0 4px;
    }

    .page:has(.eb-theme) .toolbar-login-btn {
        width: 100%;
        margin: 0 !important;
        text-align: center;
    }
}

@media (max-width: 576px) {
    .page:has(.eb-theme) .toolbar-nav {
        text-align: left;
    }
}


.page:has(.eb-theme) .toolbar-wrapper {
    background: #020b1f !important;
    border: 1.5px solid #5ac8fa !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.page:has(.eb-theme) .toolbar-wrapper::before {
    display: none;
}

.page:has(.eb-theme) .toolbar-wrapper {
    background: #020b1f !important;
    border: 1.5px solid #5ac8fa !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.page:has(.eb-theme) .toolbar-wrapper::before {
    display: none;
}

/* ---------- Old teal / grey section backgrounds: let the artwork show through ---------- */
.page:has(.eb-theme) .about-container,
.page:has(.eb-theme) .ai-section,
.page:has(.eb-theme) .hero,
.page:has(.eb-theme) .bg-teal,
.page:has(.eb-theme) .bg-teal-soft,
.page:has(.eb-theme) .coaching-footer,
.page:has(.eb-theme) .contact-hero,
.page:has(.eb-theme) .payfees-shell,
.page:has(.eb-theme) .hrm-services-container,
.page:has(.eb-theme) .quiz-container,
.page:has(.eb-theme) .college-section,
.page:has(.eb-theme) .dots-page-wrapper {
    background: transparent !important;
    box-shadow: none !important;
}

/* ---------- Cards: transparent whitish glass, white outline, no glow (same as the home page) ---------- */
.page:has(.eb-theme) .card,
.page:has(.eb-theme) .rz-card:not(.about-container):not(.dots-page-wrapper),
.page:has(.eb-theme) .module,
.page:has(.eb-theme) .section-text,
.page:has(.eb-theme) .objectives-list,
.page:has(.eb-theme) .objectives-list2,
.page:has(.eb-theme) .header-card,
.page:has(.eb-theme) .e-card,
.page:has(.eb-theme) .filter-card,
.page:has(.eb-theme) .ai-card,
.page:has(.eb-theme) .feature-card,
.page:has(.eb-theme) .feature-box,
.page:has(.eb-theme) .glow-feature-card,
.page:has(.eb-theme) .glow-card,
.page:has(.eb-theme) .glow-text-box,
.page:has(.eb-theme) .timeline-heading-box,
.page:has(.eb-theme) .ai-assistant-section,
.page:has(.eb-theme) .quote,
.page:has(.eb-theme) .card-orange,
.page:has(.eb-theme) .card-yellow,
.page:has(.eb-theme) .card-white,
.page:has(.eb-theme) .mockup-box,
.page:has(.eb-theme) .quiz-card-wrapper,
.page:has(.eb-theme) .quiz-selection-card,
.page:has(.eb-theme) .student-type-card,
.page:has(.eb-theme) .glass-container,
.page:has(.eb-theme) .agent-card-back,
.page:has(.eb-theme) .contact-form-card,
.page:has(.eb-theme) .intro-card,
.page:has(.eb-theme) .custom-carousel-card,
.page:has(.eb-theme) .carousel-card,
.page:has(.eb-theme) .footer-block,
.page:has(.eb-theme) .info-card,
.page:has(.eb-theme) .payfees-card {
    background: rgba(255, 255, 255, 0.14) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border: 1.5px solid #ffffff !important;
    box-shadow: none !important;
}

.page:has(.eb-theme) .card:hover,
.page:has(.eb-theme) .rz-card:not(.about-container):not(.dots-page-wrapper):hover,
.page:has(.eb-theme) .module:hover,
.page:has(.eb-theme) .section-text:hover,
.page:has(.eb-theme) .objectives-list:hover,
.page:has(.eb-theme) .objectives-list2:hover,
.page:has(.eb-theme) .header-card:hover,
.page:has(.eb-theme) .e-card:hover,
.page:has(.eb-theme) .filter-card:hover,
.page:has(.eb-theme) .ai-card:hover,
.page:has(.eb-theme) .feature-card:hover,
.page:has(.eb-theme) .feature-box:hover,
.page:has(.eb-theme) .glow-feature-card:hover,
.page:has(.eb-theme) .glow-card:hover,
.page:has(.eb-theme) .glow-text-box:hover,
.page:has(.eb-theme) .timeline-heading-box:hover,
.page:has(.eb-theme) .ai-assistant-section:hover,
.page:has(.eb-theme) .quote:hover,
.page:has(.eb-theme) .card-orange:hover,
.page:has(.eb-theme) .card-yellow:hover,
.page:has(.eb-theme) .card-white:hover,
.page:has(.eb-theme) .mockup-box:hover,
.page:has(.eb-theme) .quiz-card-wrapper:hover,
.page:has(.eb-theme) .quiz-selection-card:hover,
.page:has(.eb-theme) .student-type-card:hover,
.page:has(.eb-theme) .glass-container:hover,
.page:has(.eb-theme) .agent-card-back:hover,
.page:has(.eb-theme) .contact-form-card:hover,
.page:has(.eb-theme) .intro-card:hover,
.page:has(.eb-theme) .footer-block:hover,
.page:has(.eb-theme) .info-card:hover,
.page:has(.eb-theme) .payfees-card:hover {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: #ffffff !important;
    box-shadow: none !important;
}

/* static outlines: no animated / rainbow borders */
.page:has(.eb-theme) .glow-card::before,
.page:has(.eb-theme) .feature-card::before,
.page:has(.eb-theme) .ai-assistant-section::before {
    display: none !important;
}

/* cards that used to be white keep readable (light) text on the glass */
.page:has(.eb-theme) .card,
.page:has(.eb-theme) .e-card,
.page:has(.eb-theme) .ai-card,
.page:has(.eb-theme) .feature-card,
.page:has(.eb-theme) .quote,
.page:has(.eb-theme) .card-white,
.page:has(.eb-theme) .card-yellow,
.page:has(.eb-theme) .mockup-box,
.page:has(.eb-theme) .quiz-card-wrapper,
.page:has(.eb-theme) .quiz-selection-card,
.page:has(.eb-theme) .student-type-card,
.page:has(.eb-theme) .info-card,
.page:has(.eb-theme) .objectives-list,
.page:has(.eb-theme) .objectives-list2 {
    color: #ffffff !important;
}

.page:has(.eb-theme) .card h1,
.page:has(.eb-theme) .card h2,
.page:has(.eb-theme) .card h3,
.page:has(.eb-theme) .card h4,
.page:has(.eb-theme) .card h5,
.page:has(.eb-theme) .card h6,
.page:has(.eb-theme) .card p,
.page:has(.eb-theme) .card li,
.page:has(.eb-theme) .card small,
.page:has(.eb-theme) .card label,
.page:has(.eb-theme) .card strong,
.page:has(.eb-theme) .card em,
.page:has(.eb-theme) .card dt,
.page:has(.eb-theme) .card dd,
.page:has(.eb-theme) .card blockquote,
.page:has(.eb-theme) .card figcaption,
.page:has(.eb-theme) .card a:not(.btn),
.page:has(.eb-theme) .e-card h1,
.page:has(.eb-theme) .e-card h2,
.page:has(.eb-theme) .e-card h3,
.page:has(.eb-theme) .e-card h4,
.page:has(.eb-theme) .e-card h5,
.page:has(.eb-theme) .e-card h6,
.page:has(.eb-theme) .e-card p,
.page:has(.eb-theme) .e-card li,
.page:has(.eb-theme) .e-card small,
.page:has(.eb-theme) .e-card label,
.page:has(.eb-theme) .e-card strong,
.page:has(.eb-theme) .e-card em,
.page:has(.eb-theme) .e-card dt,
.page:has(.eb-theme) .e-card dd,
.page:has(.eb-theme) .e-card blockquote,
.page:has(.eb-theme) .e-card figcaption,
.page:has(.eb-theme) .e-card a:not(.btn),
.page:has(.eb-theme) .ai-card h1,
.page:has(.eb-theme) .ai-card h2,
.page:has(.eb-theme) .ai-card h3,
.page:has(.eb-theme) .ai-card h4,
.page:has(.eb-theme) .ai-card h5,
.page:has(.eb-theme) .ai-card h6,
.page:has(.eb-theme) .ai-card p,
.page:has(.eb-theme) .ai-card li,
.page:has(.eb-theme) .ai-card small,
.page:has(.eb-theme) .ai-card label,
.page:has(.eb-theme) .ai-card strong,
.page:has(.eb-theme) .ai-card em,
.page:has(.eb-theme) .ai-card dt,
.page:has(.eb-theme) .ai-card dd,
.page:has(.eb-theme) .ai-card blockquote,
.page:has(.eb-theme) .ai-card figcaption,
.page:has(.eb-theme) .ai-card a:not(.btn),
.page:has(.eb-theme) .feature-card h1,
.page:has(.eb-theme) .feature-card h2,
.page:has(.eb-theme) .feature-card h3,
.page:has(.eb-theme) .feature-card h4,
.page:has(.eb-theme) .feature-card h5,
.page:has(.eb-theme) .feature-card h6,
.page:has(.eb-theme) .feature-card p,
.page:has(.eb-theme) .feature-card li,
.page:has(.eb-theme) .feature-card small,
.page:has(.eb-theme) .feature-card label,
.page:has(.eb-theme) .feature-card strong,
.page:has(.eb-theme) .feature-card em,
.page:has(.eb-theme) .feature-card dt,
.page:has(.eb-theme) .feature-card dd,
.page:has(.eb-theme) .feature-card blockquote,
.page:has(.eb-theme) .feature-card figcaption,
.page:has(.eb-theme) .feature-card a:not(.btn),
.page:has(.eb-theme) .quote h1,
.page:has(.eb-theme) .quote h2,
.page:has(.eb-theme) .quote h3,
.page:has(.eb-theme) .quote h4,
.page:has(.eb-theme) .quote h5,
.page:has(.eb-theme) .quote h6,
.page:has(.eb-theme) .quote p,
.page:has(.eb-theme) .quote li,
.page:has(.eb-theme) .quote small,
.page:has(.eb-theme) .quote label,
.page:has(.eb-theme) .quote strong,
.page:has(.eb-theme) .quote em,
.page:has(.eb-theme) .quote dt,
.page:has(.eb-theme) .quote dd,
.page:has(.eb-theme) .quote blockquote,
.page:has(.eb-theme) .quote figcaption,
.page:has(.eb-theme) .quote a:not(.btn),
.page:has(.eb-theme) .card-white h1,
.page:has(.eb-theme) .card-white h2,
.page:has(.eb-theme) .card-white h3,
.page:has(.eb-theme) .card-white h4,
.page:has(.eb-theme) .card-white h5,
.page:has(.eb-theme) .card-white h6,
.page:has(.eb-theme) .card-white p,
.page:has(.eb-theme) .card-white li,
.page:has(.eb-theme) .card-white small,
.page:has(.eb-theme) .card-white label,
.page:has(.eb-theme) .card-white strong,
.page:has(.eb-theme) .card-white em,
.page:has(.eb-theme) .card-white dt,
.page:has(.eb-theme) .card-white dd,
.page:has(.eb-theme) .card-white blockquote,
.page:has(.eb-theme) .card-white figcaption,
.page:has(.eb-theme) .card-white a:not(.btn),
.page:has(.eb-theme) .card-yellow h1,
.page:has(.eb-theme) .card-yellow h2,
.page:has(.eb-theme) .card-yellow h3,
.page:has(.eb-theme) .card-yellow h4,
.page:has(.eb-theme) .card-yellow h5,
.page:has(.eb-theme) .card-yellow h6,
.page:has(.eb-theme) .card-yellow p,
.page:has(.eb-theme) .card-yellow li,
.page:has(.eb-theme) .card-yellow small,
.page:has(.eb-theme) .card-yellow label,
.page:has(.eb-theme) .card-yellow strong,
.page:has(.eb-theme) .card-yellow em,
.page:has(.eb-theme) .card-yellow dt,
.page:has(.eb-theme) .card-yellow dd,
.page:has(.eb-theme) .card-yellow blockquote,
.page:has(.eb-theme) .card-yellow figcaption,
.page:has(.eb-theme) .card-yellow a:not(.btn),
.page:has(.eb-theme) .mockup-box h1,
.page:has(.eb-theme) .mockup-box h2,
.page:has(.eb-theme) .mockup-box h3,
.page:has(.eb-theme) .mockup-box h4,
.page:has(.eb-theme) .mockup-box h5,
.page:has(.eb-theme) .mockup-box h6,
.page:has(.eb-theme) .mockup-box p,
.page:has(.eb-theme) .mockup-box li,
.page:has(.eb-theme) .mockup-box small,
.page:has(.eb-theme) .mockup-box label,
.page:has(.eb-theme) .mockup-box strong,
.page:has(.eb-theme) .mockup-box em,
.page:has(.eb-theme) .mockup-box dt,
.page:has(.eb-theme) .mockup-box dd,
.page:has(.eb-theme) .mockup-box blockquote,
.page:has(.eb-theme) .mockup-box figcaption,
.page:has(.eb-theme) .mockup-box a:not(.btn),
.page:has(.eb-theme) .quiz-card-wrapper h1,
.page:has(.eb-theme) .quiz-card-wrapper h2,
.page:has(.eb-theme) .quiz-card-wrapper h3,
.page:has(.eb-theme) .quiz-card-wrapper h4,
.page:has(.eb-theme) .quiz-card-wrapper h5,
.page:has(.eb-theme) .quiz-card-wrapper h6,
.page:has(.eb-theme) .quiz-card-wrapper p,
.page:has(.eb-theme) .quiz-card-wrapper li,
.page:has(.eb-theme) .quiz-card-wrapper small,
.page:has(.eb-theme) .quiz-card-wrapper label,
.page:has(.eb-theme) .quiz-card-wrapper strong,
.page:has(.eb-theme) .quiz-card-wrapper em,
.page:has(.eb-theme) .quiz-card-wrapper dt,
.page:has(.eb-theme) .quiz-card-wrapper dd,
.page:has(.eb-theme) .quiz-card-wrapper blockquote,
.page:has(.eb-theme) .quiz-card-wrapper figcaption,
.page:has(.eb-theme) .quiz-card-wrapper a:not(.btn),
.page:has(.eb-theme) .quiz-selection-card h1,
.page:has(.eb-theme) .quiz-selection-card h2,
.page:has(.eb-theme) .quiz-selection-card h3,
.page:has(.eb-theme) .quiz-selection-card h4,
.page:has(.eb-theme) .quiz-selection-card h5,
.page:has(.eb-theme) .quiz-selection-card h6,
.page:has(.eb-theme) .quiz-selection-card p,
.page:has(.eb-theme) .quiz-selection-card li,
.page:has(.eb-theme) .quiz-selection-card small,
.page:has(.eb-theme) .quiz-selection-card label,
.page:has(.eb-theme) .quiz-selection-card strong,
.page:has(.eb-theme) .quiz-selection-card em,
.page:has(.eb-theme) .quiz-selection-card dt,
.page:has(.eb-theme) .quiz-selection-card dd,
.page:has(.eb-theme) .quiz-selection-card blockquote,
.page:has(.eb-theme) .quiz-selection-card figcaption,
.page:has(.eb-theme) .quiz-selection-card a:not(.btn),
.page:has(.eb-theme) .student-type-card h1,
.page:has(.eb-theme) .student-type-card h2,
.page:has(.eb-theme) .student-type-card h3,
.page:has(.eb-theme) .student-type-card h4,
.page:has(.eb-theme) .student-type-card h5,
.page:has(.eb-theme) .student-type-card h6,
.page:has(.eb-theme) .student-type-card p,
.page:has(.eb-theme) .student-type-card li,
.page:has(.eb-theme) .student-type-card small,
.page:has(.eb-theme) .student-type-card label,
.page:has(.eb-theme) .student-type-card strong,
.page:has(.eb-theme) .student-type-card em,
.page:has(.eb-theme) .student-type-card dt,
.page:has(.eb-theme) .student-type-card dd,
.page:has(.eb-theme) .student-type-card blockquote,
.page:has(.eb-theme) .student-type-card figcaption,
.page:has(.eb-theme) .student-type-card a:not(.btn),
.page:has(.eb-theme) .info-card h1,
.page:has(.eb-theme) .info-card h2,
.page:has(.eb-theme) .info-card h3,
.page:has(.eb-theme) .info-card h4,
.page:has(.eb-theme) .info-card h5,
.page:has(.eb-theme) .info-card h6,
.page:has(.eb-theme) .info-card p,
.page:has(.eb-theme) .info-card li,
.page:has(.eb-theme) .info-card small,
.page:has(.eb-theme) .info-card label,
.page:has(.eb-theme) .info-card strong,
.page:has(.eb-theme) .info-card em,
.page:has(.eb-theme) .info-card dt,
.page:has(.eb-theme) .info-card dd,
.page:has(.eb-theme) .info-card blockquote,
.page:has(.eb-theme) .info-card figcaption,
.page:has(.eb-theme) .info-card a:not(.btn),
.page:has(.eb-theme) .objectives-list h1,
.page:has(.eb-theme) .objectives-list h2,
.page:has(.eb-theme) .objectives-list h3,
.page:has(.eb-theme) .objectives-list h4,
.page:has(.eb-theme) .objectives-list h5,
.page:has(.eb-theme) .objectives-list h6,
.page:has(.eb-theme) .objectives-list p,
.page:has(.eb-theme) .objectives-list li,
.page:has(.eb-theme) .objectives-list small,
.page:has(.eb-theme) .objectives-list label,
.page:has(.eb-theme) .objectives-list strong,
.page:has(.eb-theme) .objectives-list em,
.page:has(.eb-theme) .objectives-list dt,
.page:has(.eb-theme) .objectives-list dd,
.page:has(.eb-theme) .objectives-list blockquote,
.page:has(.eb-theme) .objectives-list figcaption,
.page:has(.eb-theme) .objectives-list a:not(.btn),
.page:has(.eb-theme) .objectives-list2 h1,
.page:has(.eb-theme) .objectives-list2 h2,
.page:has(.eb-theme) .objectives-list2 h3,
.page:has(.eb-theme) .objectives-list2 h4,
.page:has(.eb-theme) .objectives-list2 h5,
.page:has(.eb-theme) .objectives-list2 h6,
.page:has(.eb-theme) .objectives-list2 p,
.page:has(.eb-theme) .objectives-list2 li,
.page:has(.eb-theme) .objectives-list2 small,
.page:has(.eb-theme) .objectives-list2 label,
.page:has(.eb-theme) .objectives-list2 strong,
.page:has(.eb-theme) .objectives-list2 em,
.page:has(.eb-theme) .objectives-list2 dt,
.page:has(.eb-theme) .objectives-list2 dd,
.page:has(.eb-theme) .objectives-list2 blockquote,
.page:has(.eb-theme) .objectives-list2 figcaption,
.page:has(.eb-theme) .objectives-list2 a:not(.btn) {
    color: #ffffff !important;
}

/* footer block: light text on the glass */
.page:has(.eb-theme) .card.border-0.rounded-0 {
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

.page:has(.eb-theme) .card.border-0.rounded-0 .text-dark {
    color: #ffffff !important;
}

/* ---------- Pay Fees: glass frame and header; the form body stays light so every field is easy to read ---------- */
.page:has(.eb-theme) .payfees-card {
    overflow: hidden;
}

.page:has(.eb-theme) .payfees-header {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.page:has(.eb-theme) .payfees-body,
.page:has(.eb-theme) .payfees-footer {
    background: rgba(255, 255, 255, 0.94) !important;
    color: #16211f;
}

/* ==========================================================================
   Readable text on the dark artwork.
   Old light-background designs used dark text; force light text everywhere
   in the page body except inside areas that still have a light background
   (forms, tables, buttons, the Pay Fees form body, menus, alerts).
   AI Agents already uses light neon text, so it keeps its own colours.
   ========================================================================== */
.page:has(.eb-theme):not(:has(.ai-agents-wrapper)) article.content :is(p, li, small, label, strong, em, b, blockquote, figcaption, dt, dd, h4, h5, h6, .text-dark, .text-black, .text-muted, .text-secondary, .text-body, a:not(.btn):not(.dropdown-item):not(.nav-link):not(.navbar-brand)):not(:is(.toolbar-wrapper, .payfees-body, .payfees-footer, table, .table, .btn, .badge, .dropdown-menu, .alert, .modal, input, select, textarea, .form-control, .form-select, .quiz-selection-button, .type-button, .logo-tile, .btn-white, .btn-yellow) *) {
    color: #ffffff !important;
}

/* main headings: yellow, as on the home page */
.page:has(.eb-theme):not(:has(.ai-agents-wrapper)) article.content :is(h1, h2, h3):not(:is(.toolbar-wrapper, .payfees-body, .payfees-footer, table, .btn, .alert, .modal) *):not(.payfees-brand) {
    color: #ffd400 !important;
}

/* muted helper text stays slightly softer but still readable */
.page:has(.eb-theme):not(:has(.ai-agents-wrapper)) article.content :is(.text-muted, .text-secondary, small):not(:is(.toolbar-wrapper, .payfees-body, .payfees-footer, table, .btn, .alert, .modal) *) {
    color: #dbe6f5 !important;
}

/* the page's own <style> blocks paint body / wrappers; make sure the shared artwork is what shows */
html:has(.eb-theme),
body:has(.eb-theme) {
    background: #071329 !important;
}

.page:has(.eb-theme) .network-bg {
    display: none !important;
}

.page:has(.eb-theme) .dots-page-wrapper,
.page:has(.eb-theme) .card-bg {
    background: transparent !important;
}

/* carousel: outer teal card becomes transparent so only the glass card shows; text stays light */
.page:has(.eb-theme) .custom-carousel-container1 {
    background: transparent !important;
}

.page:has(.eb-theme) .custom-carousel-card :is(.custom-card-text1, p, li, span, strong) {
    color: #ffffff !important;
}

.page:has(.eb-theme) .custom-carousel-card .custom-header {
    color: #ffd400 !important;
}

/* testimonial carousel: transparent outer container, light text */
.page:has(.eb-theme) .carousel-container {
    background: transparent !important;
}

.page:has(.eb-theme) .carousel-card :is(.card-text, p, .carousel-name, .carousel-designation, .carousel-school, b) {
    color: #ffffff !important;
}

.page:has(.eb-theme) .carousel-card .header {
    color: #ffd400 !important;
}

/* HRM Services: hero card removed; footer and pricing cards = transparent whitish glass with white outline */
.page:has(.eb-theme) .hrm-services-container .hero-section {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.page:has(.eb-theme) .hrm-services-container .hero-section::before {
    display: none !important;
}

.page:has(.eb-theme) .hrm-footer-section,
.page:has(.eb-theme) .pricing-plan-card,
.page:has(.eb-theme) .pricing-plan-card:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.08)) !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.12) !important;
}

.page:has(.eb-theme) .hrm-footer-section {
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
}

.page:has(.eb-theme) .hrm-footer-section :is(h3, h4, p, li, a, span) {
    color: #ffffff !important;
}

/* Pricing: intro, plans header and welcome box = lightest bluish transparent glass */
.page:has(.eb-theme) .about-container .intro,
.page:has(.eb-theme) .pricing-plans-header,
.page:has(.eb-theme) .pricing-plans-header:hover,
.page:has(.eb-theme) .edubuddy-textbox,
.page:has(.eb-theme) .edubuddy-textbox:hover {
    background: linear-gradient(135deg, rgba(186, 230, 253, 0.22), rgba(125, 211, 252, 0.08)) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border: 1.5px solid rgba(186, 230, 253, 0.7) !important;
    box-shadow: none !important;
    color: #ffffff;
}

.page:has(.eb-theme) .about-container .intro {
    border-radius: 12px;
    padding: 20px 24px;
    margin-bottom: 24px;
}

.page:has(.eb-theme) .about-container .intro p,
.page:has(.eb-theme) .edubuddy-textbox :is(p, li, span, strong) {
    color: #ffffff !important;
}

/* Pricing: intro, plans header, calculator and welcome box = transparent glass, white outline with a shiny sky-blue glow */
.page:has(.eb-theme) .about-container .intro,
.page:has(.eb-theme) .pricing-plans-header,
.page:has(.eb-theme) .pricing-plans-header:hover,
.page:has(.eb-theme) .calculator-section,
.page:has(.eb-theme) .calculator-section:hover,
.page:has(.eb-theme) .edubuddy-textbox,
.page:has(.eb-theme) .edubuddy-textbox:hover {
    background: linear-gradient(135deg, rgba(186, 230, 253, 0.18), rgba(255, 255, 255, 0.05)) !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 0 16px rgba(125, 211, 252, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 0 20px rgba(125, 211, 252, 0.12) !important;
}

.page:has(.eb-theme) .calculator-section-title {
    color: #ffffff !important;
}

/* HRM Services: no hero card (incl. video frame) and no footer card */
.page:has(.eb-theme) .hrm-services-container .hero-section .glass-container,
.page:has(.eb-theme) .hrm-footer-section,
.page:has(.eb-theme) .hrm-footer-section:hover {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

/* Pricing: every card transparent with a white outline */
.page:has(.eb-theme) .pricing-plan-card,
.page:has(.eb-theme) .pricing-plan-card:hover,
.page:has(.eb-theme) .feature-card,
.page:has(.eb-theme) .feature-card:hover,
.page:has(.eb-theme) .calculator-section,
.page:has(.eb-theme) .calculator-section:hover,
.page:has(.eb-theme) .edubuddy-textbox,
.page:has(.eb-theme) .edubuddy-textbox:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1.5px solid #ffffff !important;
}

/* Parents/Student login: every card = whitish transparent glass with a white outline, all text light */
.page:has(.eb-student-login) .login-card .rz-card,
.page:has(.eb-student-login) .video-card,
.page:has(.eb-student-login) .welcome-card,
.page:has(.eb-student-login) .benefit-card,
.page:has(.eb-student-login) .benefit-card:hover,
.page:has(.eb-student-login) .stats-section,
.page:has(.eb-student-login) .stat-box,
.page:has(.eb-student-login) .flip-card-front,
.page:has(.eb-student-login) .flip-card-back,
.page:has(.eb-student-login) .ai-decorative-box,
.page:has(.eb-student-login) .alert-info {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.08)) !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.12) !important;
}

.page:has(.eb-student-login) .login-card .rz-card {
    border-radius: 24px !important;
}

.page:has(.eb-student-login) .login-card .rz-card :is(label, p, span, small, b, strong, .form-check-label),
.page:has(.eb-student-login) .login-card h3,
.page:has(.eb-student-login) .video-card :is(p, span, h3, h4),
.page:has(.eb-student-login) .welcome-card, .page:has(.eb-student-login) .welcome-card *,
.page:has(.eb-student-login) .benefit-card :is(h5, p),
.page:has(.eb-student-login) .stats-section :is(h3, p, span),
.page:has(.eb-student-login) .stat-box :is(h2, p, span),
.page:has(.eb-student-login) .flip-card-front :is(h4, p),
.page:has(.eb-student-login) .flip-card-back :is(h4, p),
.page:has(.eb-student-login) .ai-section-title p,
.page:has(.eb-student-login) .alert-info, .page:has(.eb-student-login) .alert-info * {
    color: #ffffff !important;
}

.page:has(.eb-student-login) .benefit-card i,
.page:has(.eb-student-login) .benefit-card h5,
.page:has(.eb-student-login) .stat-box h2,
.page:has(.eb-student-login) .stats-section h3,
.page:has(.eb-student-login) .ai-section-title h2,
.page:has(.eb-student-login) .flip-card-back h4 {
    color: #ffd400 !important;
}

.page:has(.eb-student-login) .login-card .rz-card .form-control {
    color: #0b1b33;
}

.page:has(.eb-student-login) .login-card .rz-card .form-label,
.page:has(.eb-student-login) .login-card .rz-card .form-floating > label {
    color: #35507a !important;
}

/* Parents/Student login: no card around the numbers or the agents, sky-blue agent outlines, yellow welcome text */
.page:has(.eb-student-login) .stats-section,
.page:has(.eb-student-login) .stat-box,
.page:has(.eb-student-login) .ai-decorative-box {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.page:has(.eb-student-login) .ai-decorative-box {
    display: none !important;
}

.page:has(.eb-student-login) .flip-card-front,
.page:has(.eb-student-login) .flip-card-back {
    border: 1.5px solid #7dd3fc !important;
    box-shadow: 0 0 14px rgba(125, 211, 252, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

.page:has(.eb-student-login) .welcome-card,
.page:has(.eb-student-login) .welcome-card * {
    color: #ffd400 !important;
}

/* Parents/Student login fields: same dark-glass inputs as the staff login, labels and typed text clearly visible */
.page:has(.eb-student-login) .login-card .rz-card .form-control {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
}

.page:has(.eb-student-login) .login-card .rz-card .form-control:focus {
    background-color: rgba(255, 255, 255, 0.12) !important;
    border-color: #5ddcff !important;
    box-shadow: 0 0 0 4px rgba(93, 220, 255, 0.2) !important;
}

.page:has(.eb-student-login) .login-card .rz-card .form-control::placeholder {
    color: transparent;
}

.page:has(.eb-student-login) .login-card .rz-card .form-control:-webkit-autofill,
.page:has(.eb-student-login) .login-card .rz-card .form-control:-webkit-autofill:focus {
    -webkit-text-fill-color: #ffffff;
    -webkit-box-shadow: 0 0 0 1000px #0f2347 inset;
    caret-color: #ffffff;
}

.page:has(.eb-student-login) .login-card .rz-card .form-floating > label,
.page:has(.eb-student-login) .login-card .rz-card .form-floating > label.form-label {
    color: #c7d2e5 !important;
}

.page:has(.eb-student-login) .login-card .rz-card .form-floating > .form-control:focus ~ label,
.page:has(.eb-student-login) .login-card .rz-card .form-floating > .form-control:not(:placeholder-shown) ~ label {
    color: #5ddcff !important;
}

.page:has(.eb-student-login) .login-card .rz-card .form-floating > .form-control:focus ~ label::after,
.page:has(.eb-student-login) .login-card .rz-card .form-floating > .form-control:not(:placeholder-shown) ~ label::after {
    background-color: transparent !important;
}

.page:has(.eb-student-login) .login-card .rz-card #togglePassword,
.page:has(.eb-student-login) .login-card .rz-card #togglePassword i {
    color: #c7d2e5 !important;
}