.site-page-light {
    background: #f5f7fb;
    color: #667085;
}

.site-page-light #content {
    background: #f5f7fb;
    color: #667085;
}

.site-page-light header,
.site-page-light header.transparent,
.site-page-light header.smaller {
    background: rgba(255, 255, 255, 0.94) !important;
    border-bottom: 1px solid rgba(71, 58, 173, 0.08);
    box-shadow: 0 10px 35px rgba(31, 42, 68, 0.06);
    backdrop-filter: blur(16px);
}

.site-page-light header #mainmenu > li > a,
.site-page-light header #mainmenu a.menu-item {
    color: #30394a;
}

.site-page-light header #mainmenu > li > a:hover,
.site-page-light header #mainmenu a.menu-item:hover {
    color: #ff3465;
}

.site-page-light header a.btn-line span {
    color: #30394a !important;
}

.site-page-light header a.btn-line:hover span {
    color: #ffffff !important;
}

.site-page-light .site-light-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 420px;
    padding: 150px 0 78px !important;
    background:
        radial-gradient(circle at 82% 18%, rgba(120, 84, 255, 0.17), transparent 27%),
        radial-gradient(circle at 8% 85%, rgba(255, 52, 101, 0.11), transparent 25%),
        linear-gradient(135deg, #f6f8ff 0%, #edf2fb 52%, #ffffff 100%) !important;
}

.site-page-light .site-light-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background-image: radial-gradient(rgba(74, 57, 184, 0.13) 1.5px, transparent 1.5px);
    background-size: 24px 24px;
    mask-image: linear-gradient(to left, #000 0%, transparent 58%);
    pointer-events: none;
}

.site-page-light .site-light-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 110px;
    right: 8%;
    width: 230px;
    height: 230px;
    border: 42px solid rgba(71, 58, 173, 0.07);
    border-radius: 50%;
    pointer-events: none;
}

.site-page-light .site-light-hero .jarallax-img,
.site-page-light .site-light-hero .de-gradient-edge-top,
.site-page-light .site-light-hero .de-gradient-edge-bottom {
    display: none !important;
}

.site-page-light .site-light-hero .container {
    position: relative;
    z-index: 2;
}

.site-page-light .site-light-hero .subtitle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: auto;
    padding: 8px 14px;
    border: 1px solid rgba(255, 52, 101, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.84);
    color: #473aad;
    box-shadow: 0 8px 24px rgba(71, 58, 173, 0.08);
}

.site-page-light .site-light-hero h1 {
    color: #273142 !important;
    font-size: clamp(2.6rem, 5vw, 5rem);
    line-height: 1.02;
    letter-spacing: -0.045em;
}

.site-page-light .site-light-hero .lead {
    max-width: 760px;
    color: #697386 !important;
    font-size: 17px;
    line-height: 1.8 !important;
}

.site-page-light .site-light-hero .bg-dark-1 h3,
.site-page-light .site-light-hero h3.text-color {
    color: #ff3465 !important;
}

.site-page-light .site-light-hero .action-button--primary,
.site-page-light .site-light-hero .action-button--primary span,
.site-page-light .site-light-hero .action-button--primary i {
    color: #ffffff !important;
}

.site-page-light .site-light-hero .btn-line {
    border-color: rgba(71, 58, 173, 0.3);
    background: rgba(255, 255, 255, 0.72);
    color: #30394a;
}

.site-page-light .site-light-hero .btn-line span {
    color: #30394a;
}

.site-page-light .site-light-hero .btn-line:hover,
.site-page-light .site-light-hero .btn-line:hover span {
    color: #ffffff;
}

.site-page-light #section-content,
.site-page-light .page-section-light {
    padding-top: 78px !important;
    padding-bottom: 90px !important;
    background: #f5f7fb;
}

.site-page-light #content > section:not(.site-light-hero) h2,
.site-page-light #content > section:not(.site-light-hero) h3,
.site-page-light #content > section:not(.site-light-hero) h4,
.site-page-light #content > section:not(.site-light-hero) h5,
.site-page-light #content > section:not(.site-light-hero) h6 {
    color: #273142;
}

.site-page-light #content > section:not(.site-light-hero) p,
.site-page-light #content .text-muted,
.site-page-light #content small.text-muted {
    color: #6f7788 !important;
}

.site-page-light #content .bg-dark-1,
.site-page-light #content .bg-dark-2,
.site-page-light #content .bg-dark-3 {
    background: #ffffff !important;
}

.site-page-light #content .border-secondary,
.site-page-light #content .border-secondary-subtle {
    border-color: #e5e9f1 !important;
}

.site-page-light #content .shadow-soft {
    box-shadow: 0 18px 48px rgba(31, 42, 68, 0.09) !important;
}

.site-page-light #content .hover-scale:hover {
    border-color: rgba(71, 58, 173, 0.24) !important;
    box-shadow: 0 22px 52px rgba(31, 42, 68, 0.13) !important;
}

.site-page-light #content .text-white,
.site-page-light #content .text-light {
    color: #273142 !important;
}

.site-page-light #content .text-white-50 {
    color: #7d8596 !important;
}

.site-page-light #content .form-control,
.site-page-light #content .form-select,
.site-page-light #content textarea {
    border: 1px solid #dfe4ed !important;
    background: #f9fafc !important;
    color: #273142 !important;
    box-shadow: none;
}

.site-page-light #content .form-control::placeholder,
.site-page-light #content textarea::placeholder {
    color: #9aa2b1 !important;
}

.site-page-light #content .form-control:focus,
.site-page-light #content .form-select:focus,
.site-page-light #content textarea:focus {
    border-color: #ff3465 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(255, 52, 101, 0.1) !important;
}

.site-page-light #content .form-label,
.site-page-light #content .field-set label {
    color: #394254 !important;
}

.site-page-light #content .form-check-input {
    border-color: #cdd3df;
    background-color: #ffffff;
}

.site-page-light #content .form-check-input:checked {
    border-color: #ff3465;
    background-color: #ff3465;
}

.site-page-light #section-content .subtitle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    border: 1px solid rgba(71, 58, 173, 0.12);
    border-radius: 999px;
    background: #f1efff;
    color: #473aad;
}

.site-page-light #content .action-button--primary,
.site-page-light #content .action-button--primary span,
.site-page-light #content .action-button--primary i,
.site-page-light #content .action-button--info,
.site-page-light #content .action-button--info span,
.site-page-light #content .action-button--info i {
    color: #ffffff !important;
}

/* Education */
.page-education #section-content .education-card-item > div,
.page-education #content section.no-top .col-lg-4 > div {
    border: 1px solid #e5e9f1 !important;
    background: #ffffff !important;
}

.page-education .education-card-title {
    color: #273142 !important;
}

.page-education .education-card-desc {
    color: #697386 !important;
}

.page-education .education-card-item a.text-light {
    color: #394254 !important;
}

.page-education .btn-filter {
    border-color: #dfe4ed;
    background: #ffffff;
    color: #626b7c;
}

.page-education .btn-filter:hover {
    border-color: #ff3465;
    background: rgba(255, 52, 101, 0.08);
    color: #ff3465;
}

.page-education .btn-filter.active {
    border-color: #473aad;
    background: #473aad;
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(71, 58, 173, 0.22);
}

.page-education .play-btn-circle .text-white,
.page-education .video-duration-badge,
.page-education .btn-main,
.page-education .btn-main span {
    color: #ffffff !important;
}

.page-education .modal-content {
    border-color: #e5e9f1 !important;
    background: #ffffff !important;
    color: #667085 !important;
}

.page-education .modal-header,
.page-education .modal-footer {
    border-color: #e5e9f1 !important;
    background: #f8f9fc !important;
}

.page-education .modal-title,
.page-education .modal-content h5 {
    color: #273142 !important;
}

.page-education .modal-content .text-light {
    color: #5f6879 !important;
}

/* FAQ */
body.site-page-light.page-faq #faqSearchInput {
    border-color: #dfe4ed !important;
    background: #ffffff !important;
    color: #273142 !important;
}

body.site-page-light.page-faq #faqSearchInput::placeholder {
    color: #9aa2b1 !important;
}

body.site-page-light.page-faq #faqSearchInput:focus {
    border-color: #ff3465 !important;
    box-shadow: 0 0 0 4px rgba(255, 52, 101, 0.1) !important;
}

.page-faq .faq-section-group h3 {
    color: #273142 !important;
}

.page-faq .faq-item,
.page-faq .faq-item.is-open {
    border: 1px solid #e4e8f0 !important;
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(31, 42, 68, 0.07) !important;
}

.page-faq .faq-item:hover,
.page-faq .faq-item.is-open {
    border-color: rgba(71, 58, 173, 0.3) !important;
    box-shadow: 0 16px 38px rgba(31, 42, 68, 0.11) !important;
}

.page-faq .faq-header:hover {
    background: #f8f9fc;
}

.page-faq .faq-question-title {
    color: #30394a !important;
}

.page-faq .faq-item.is-open .faq-question-title {
    color: #473aad !important;
}

.page-faq .faq-chevron-circle {
    border-color: #dfe4ed;
    background: #f5f7fb;
    color: #697386;
}

.page-faq .faq-item.is-open .faq-chevron-circle {
    border-color: rgba(255, 52, 101, 0.3);
    background: rgba(255, 52, 101, 0.09);
    color: #ff3465;
    box-shadow: none;
}

.page-faq .faq-body {
    border-color: #edf0f5;
    color: #626b7c;
}

.page-faq .faq-body strong,
.page-faq .faq-body .text-white {
    color: #473aad !important;
}

.page-faq .faq-body ul {
    color: #626b7c;
}

/* Contact */
.page-contact .contact-info-card,
.page-contact .contact-form-container {
    border: 1px solid #e4e8f0 !important;
    background: #ffffff !important;
}

.page-contact .contact-info-card h5,
.page-contact .contact-form-container h3,
.page-contact .contact-form-container label {
    color: #273142 !important;
}

.page-contact .contact-info-card p {
    color: #6f7788 !important;
}

/* Support */
.page-support .support-category-card,
.page-support #section-content .col-lg-6 > div {
    border: 1px solid #e4e8f0 !important;
    background: #ffffff !important;
}

.page-support .support-category-card h4,
.page-support #section-content .col-lg-6 h3 {
    color: #273142 !important;
}

.page-support .quick-help-item {
    border-color: #e7eaf1 !important;
    background: #f8f9fc !important;
}

.page-support .quick-help-item:hover {
    background: #ffffff !important;
}

/* About */
.page-about #content > section:not(.site-light-hero) {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
}

.page-about #section-why-platform,
.page-about #section-platform-contents {
    background: linear-gradient(180deg, #ffffff 0%, #f7f8fc 100%);
}

.page-about #content > section:not(.site-light-hero) .subtitle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    border: 1px solid rgba(71, 58, 173, 0.12);
    border-radius: 999px;
    background: #f1efff;
    color: #473aad;
}

.page-about .about-hero-media,
.page-about .why-card,
.page-about .process-node,
.page-about .content-hub-card,
.page-about #section-goals-future .bg-dark-1 {
    border: 1px solid #e4e8f0 !important;
    background: #ffffff !important;
}

.page-about .about-stat-floating {
    border-color: rgba(71, 58, 173, 0.14) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 14px 32px rgba(31, 42, 68, 0.16) !important;
    backdrop-filter: blur(12px);
}

.page-about .content-hub-card .btn-line {
    border-color: rgba(71, 58, 173, 0.3);
    background: #f5f3ff;
    color: #473aad;
}

.page-about .content-hub-card .btn-line span {
    color: #473aad;
}

.page-about .content-hub-card .btn-line:hover {
    border-color: #473aad;
    background: #473aad;
}

.page-about .content-hub-card .btn-line:hover span {
    color: #ffffff;
}

.page-about .process-step-badge {
    background: rgba(255, 52, 101, 0.08);
}

/* Rewards */
.page-rewards .rewards-hero {
    min-height: 540px;
    text-align: center;
}

.page-rewards .rewards-hero .lead {
    margin-right: auto;
    margin-left: auto;
}

.page-rewards .rewards-content-section .bg-dark-1 {
    min-height: 100%;
    border: 1px solid #e4e8f0;
    border-radius: 20px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 48px rgba(31, 42, 68, 0.09) !important;
}

.page-rewards .rewards-content-section .bg-dark-1:hover {
    transform: translateY(-4px);
    border-color: rgba(71, 58, 173, 0.24);
    box-shadow: 0 22px 52px rgba(31, 42, 68, 0.13) !important;
}

/* Login and register */
.page-auth .auth-hero {
    min-height: 820px;
    padding-top: 145px !important;
    padding-bottom: 70px !important;
}

.page-auth .auth-hero::after {
    top: 18%;
    right: 12%;
    width: 340px;
    height: 340px;
    border-width: 58px;
}

.page-auth .accounts-form-card {
    border: 1px solid rgba(71, 58, 173, 0.12) !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 28px 70px rgba(45, 52, 83, 0.16) !important;
    backdrop-filter: blur(18px);
}

.page-auth .accounts-form-card h3 {
    color: #273142 !important;
}

.page-auth .accounts-form-card .field-set label,
.page-auth .accounts-form-card .form-check-label {
    color: #4b5567 !important;
}

.page-auth .accounts-form-card .form-control {
    min-height: 49px;
    border-color: #dfe4ed !important;
    background: #f9fafc !important;
    color: #273142 !important;
}

.page-auth .accounts-form-card .form-control:focus {
    border-color: #ff3465 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(255, 52, 101, 0.1) !important;
}

.page-auth .accounts-form-card .password-toggle-icon {
    color: #8a93a3 !important;
}

.page-auth .accounts-form-card .password-toggle-icon:hover,
.page-auth .accounts-form-card .password-toggle-icon:focus {
    color: #473aad !important;
}

.page-auth .accounts-form-card .text-white-50,
.page-auth .accounts-form-card .form-text {
    color: #7d8596 !important;
}

@media (max-width: 991px) {
    .site-page-light .site-light-hero {
        min-height: 0;
        padding: 132px 0 64px !important;
    }

    .site-page-light .site-light-hero::after {
        right: -80px;
        opacity: 0.7;
    }

    .site-page-light .site-light-hero h1 {
        font-size: clamp(2.35rem, 8vw, 4rem);
    }

    .site-page-light #section-content,
    .site-page-light .page-section-light {
        padding-top: 60px !important;
        padding-bottom: 70px !important;
    }

    .page-auth .auth-hero {
        min-height: 760px;
    }
}

@media (max-width: 575px) {
    .site-page-light .site-light-hero {
        padding: 118px 0 52px !important;
    }

    .site-page-light .site-light-hero h1 {
        font-size: 2.35rem;
    }

    .site-page-light .site-light-hero .lead {
        font-size: 15px;
        line-height: 1.7 !important;
    }

    .page-auth .auth-hero {
        min-height: 0;
        padding-bottom: 50px !important;
    }

    .page-auth .accounts-form-card {
        padding: 28px 22px !important;
        border-radius: 20px !important;
    }
}