html.theme-transition :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error),
html.theme-transition :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) header,
html.theme-transition :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) footer,
html.theme-transition :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) main,
html.theme-transition :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) a,
html.theme-transition :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) p,
html.theme-transition :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) h1,
html.theme-transition :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) h2,
html.theme-transition :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) h3,
html.theme-transition :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) input,
html.theme-transition :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) button,
html.theme-transition :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) span,
html.theme-transition :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .user-menu-panel,
html.theme-transition :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .profile-modal-panel,
html.theme-transition :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .site-more-panel {
    transition:
        background-color 0.35s ease,
        color 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease,
        filter 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    html.theme-transition :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error),
    html.theme-transition :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) * {
        transition: none;
    }
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) {
    background-color: var(--jc-bg);
    color: var(--jc-text-muted);
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .site-logo--dark {
    display: none;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .site-logo--light {
    display: block !important;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) header {
    background: rgba(248, 249, 251, 0.92);
    border-bottom: var(--jc-border-width) solid var(--jc-border);
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) [data-main-nav] a {
    color: #525252;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) [data-main-nav] a.text-white,
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) [data-main-nav] a:hover {
    color: #222222;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .site-more-toggle {
    color: #525252;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .site-more-toggle:hover,
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .site-more-toggle[aria-expanded="true"],
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .site-more-toggle.is-active {
    color: #222222;
    background: rgba(82, 82, 82, 0.06);
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .site-more-panel {
    background: #ffffff;
    border: var(--jc-border-width) solid var(--jc-border);
    box-shadow: 0 18px 40px rgba(34, 34, 34, 0.08);
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .site-more-link {
    color: #222222;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .site-more-link:hover,
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .site-more-link.is-current {
    background: rgba(117, 67, 244, 0.08);
    color: #222222;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .site-more-link--premium {
    color: #FFCA28;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .site-more-link--premium:hover {
    color: #E6B400;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .site-more-link--premium.is-current,
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .site-more-link--premium.is-current:hover {
    color: #222222;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .landing-search {
    background: #ffffff;
    color: #222222;
    border: var(--jc-border-width) solid var(--jc-border);
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .landing-search::placeholder {
    color: #525252;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .landing-search:focus {
    border-color: #7543F4;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .landing-theme-toggle {
    background: #ffffff;
    color: #525252;
    border: var(--jc-border-width) solid var(--jc-border);
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .landing-theme-toggle:hover {
    color: #222222;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .fa-magnifying-glass {
    color: #9CA3AF;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) header a[href="/login"] {
    color: #222222;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .user-menu-panel {
    background: #ffffff;
    border: var(--jc-border-width) solid var(--jc-border);
    box-shadow: 0 18px 40px rgba(34, 34, 34, 0.1);
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .user-menu-panel .text-white {
    color: #222222;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .user-menu-panel nav a {
    color: #525252;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .user-menu-panel nav a:hover {
    color: #222222;
    background: rgba(82, 82, 82, 0.06);
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .user-menu-panel .border-b,
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .user-menu-panel .border-t {
    border-color: transparent;
    border-width: 0;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .profile-modal-panel {
    background: #ffffff;
    border: var(--jc-border-width) solid var(--jc-border);
    box-shadow: 0 24px 48px rgba(17, 24, 39, 0.16);
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .profile-modal-panel h2 {
    color: #222222;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .profile-modal-panel p {
    color: #525252;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .profile-modal-panel [data-logout-confirm-close] {
    color: #6B7280;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .profile-modal-panel [data-logout-confirm-close]:hover {
    color: #222222;
    background: #F3F4F6;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .profile-modal-panel [data-logout-confirm-cancel] {
    background: #ffffff;
    border: 1px solid #D1D5DB;
    color: #222222;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .profile-modal-panel [data-logout-confirm-cancel]:hover {
    background: #F3F4F6;
    color: #111827;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .profile-modal-panel [data-logout-confirm-submit] {
    background: #EF4444;
    border: 1px solid #EF4444;
    color: #ffffff;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .profile-modal-panel [data-logout-confirm-submit]:hover {
    background: #DC2626;
    border-color: #DC2626;
    color: #ffffff;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) h1,
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) h2,
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) h3,
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) strong {
    color: #222222;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) p,
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) li,
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .text-gray-400,
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .text-gray-500,
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .text-\[\#DEDEDE\],
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .text-\[\#CBD5E1\] {
    color: #525252;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .text-white,
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .text-\[\#FFFFFF\] {
    color: #222222;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) a.bg-\[\#7543F4\],
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) button.bg-\[\#7543F4\],
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .bg-\[\#7543F4\].text-white {
    color: #ffffff;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .bg-\[\#11171D\] {
    background: #ffffff;
    border-color: var(--jc-border);
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .bg-\[\#0B1016\] {
    background: #F8F9FB;
    border-color: var(--jc-border);
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .border-gray-800,
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .border-gray-800\/30,
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .border-gray-800\/40,
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .border-gray-800\/60,
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) .border-gray-800\/80 {
    border-color: var(--jc-border);
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) footer {
    background: #F8F9FB;
    border-top: var(--jc-border-width) solid var(--jc-border);
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) footer a {
    color: #525252;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) footer a:hover {
    color: #222222;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) footer a[title]:hover {
    color: #7543F4;
}

html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) input:-webkit-autofill,
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) input:-webkit-autofill:hover,
html[data-theme="light"] :is(.page-interview, .page-subscription, .page-auth, .page-faq, .page-support, .page-about, .page-error) input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
    -webkit-text-fill-color: #222222 !important;
}

html[data-theme="light"] .page-auth .glow-bg {
    background: radial-gradient(circle, rgba(117, 67, 244, 0.1) 0%, rgba(248, 249, 251, 0) 70%);
}

html[data-theme="light"] .page-auth label,
html[data-theme="light"] .page-auth .text-\[\#94A3B8\] {
    color: #525252;
}

html[data-theme="light"] .page-auth label:hover {
    color: #222222;
}

html[data-theme="light"] .page-auth main input[type="text"],
html[data-theme="light"] .page-auth main input[type="email"],
html[data-theme="light"] .page-auth main input[type="password"] {
    background: #ffffff;
    color: #222222;
    border-color: var(--jc-border);
}

html[data-theme="light"] .page-auth main input::placeholder {
    color: #9CA3AF;
}

html[data-theme="light"] .page-auth main input:focus {
    border-color: #7543F4;
}

html[data-theme="light"] .page-auth main input.border-red-500,
html[data-theme="light"] .page-auth main input.border-red-500:focus {
    border-color: #ef4444;
}

html[data-theme="light"] .page-auth .hover\:bg-\[\#141B22\]:hover {
    background: #F3F4F6;
}

html[data-theme="light"] .page-auth main a.border-gray-800 {
    background: #ffffff;
    color: #222222;
}

html[data-theme="light"] .page-auth input[type="checkbox"] {
    background: #ffffff;
    border-color: var(--jc-border);
}

html[data-theme="light"] .page-auth input[type="checkbox"]:checked {
    background: #7543F4;
    border-color: #7543F4;
}

html[data-theme="light"] .page-auth #togglePassword:hover,
html[data-theme="light"] .page-auth .hover\:text-gray-300:hover {
    color: #222222;
}

html[data-theme="light"] .page-auth .verify-otp__digit {
    background: #ffffff;
    border: var(--jc-border-width) solid var(--jc-border);
    color: #222222;
    caret-color: #7543F4;
}

html[data-theme="light"] .page-auth .verify-otp__digit:hover {
    border-color: #D1D5DB;
}

html[data-theme="light"] .page-auth .verify-otp__digit:focus {
    border-color: #7543F4;
    box-shadow: 0 0 0 3px rgba(117, 67, 244, 0.18);
}

html[data-theme="light"] .page-auth .verify-otp__digit.is-error {
    border-color: #EF4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.12);
}

html[data-theme="light"] .page-auth .verify-otp__digit:-webkit-autofill,
html[data-theme="light"] .page-auth .verify-otp__digit:-webkit-autofill:hover,
html[data-theme="light"] .page-auth .verify-otp__digit:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
    -webkit-text-fill-color: #222222 !important;
}

html[data-theme="light"] .page-auth #resendCodeBtn:hover:not(:disabled),
html[data-theme="light"] .page-auth #resendResetCodeBtn:hover:not(:disabled) {
    color: #6335D8;
}