/* The approved v2 palette is isolated from the current site's design system. */
html[data-v2-theme] {
    --v2-ink: #252335;
    --v2-muted: #6c6776;
    --v2-purple: #6651ca;
    --v2-purple-hover: #5140aa;
    --v2-lime: #ddeb8b;
    --v2-paper: #f8f7f3;
    --v2-line: #e3e0e6;
    --v2-lavender: #efedf5;
    --v2-night: #292438;
    --v2-white: #fff;
    --v2-surface: #fff;
    --v2-button: #6651ca;
    --v2-button-hover: #5140aa;
    --v2-on-lime: #292438;
    --v2-green: #28734f;
    --v2-green-soft: #edf4e6;
    --v2-amber: #8b5b11;
    --v2-amber-soft: #fbf3df;
    --v2-red: #b33748;
    --v2-red-soft: #fbedee;
    --v2-font: "IBM Plex Sans Arabic", "Segoe UI", sans-serif;
    --v2-radius: 14px;
    --v2-radius-sm: 8px;
    --v2-radius-lg: 20px;
    --v2-shadow: 0 8px 28px #29243808;
    --v2-focus: 0 0 0 3px #6651ca26;
    --v2-space-1: 8px;
    --v2-space-2: 16px;
    --v2-space-3: 24px;
    --v2-space-4: 32px;
    --v2-space-5: 48px;
    --v2-space-6: 64px;
    --v2-space-7: 80px;
    --v2-content: 1200px;
    --v2-title: clamp(2rem, 3.3vw, 3.1rem);
    --v2-title-line: 1.45;
    --v2-body-size: 1rem;
    --v2-small: 0.875rem;
    --v2-tiny: 0.75rem;
    --v2-header: 88px;
    --v2-control: 46px;
    --v2-border: 1px solid var(--v2-line);
    --v2-transition: 160ms ease;
    --clr-bg: var(--v2-paper);
    --clr-surface: var(--v2-surface);
    --clr-card: var(--v2-surface);
    --clr-card-hover: var(--v2-lavender);
    --clr-border: var(--v2-line);
    --clr-border-hover: var(--v2-purple);
    --clr-border-focus: var(--v2-purple);
    --clr-primary: var(--v2-purple);
    --clr-p2: var(--v2-purple);
    --clr-accent: var(--v2-purple);
    --clr-green: var(--v2-green);
    --clr-green-text: var(--v2-green);
    --clr-yellow: var(--v2-amber);
    --clr-amber: var(--v2-amber);
    --clr-amber-text: var(--v2-amber);
    --clr-red: var(--v2-red);
    --clr-red-text: var(--v2-red);
    --clr-purple: var(--v2-purple);
    --clr-purple-light: var(--v2-purple);
    --clr-cyan: var(--v2-purple);
    --clr-text: var(--v2-ink);
    --clr-muted: var(--v2-muted);
    --clr-on-surface: var(--v2-ink);
    --clr-white-soft: var(--v2-muted);
    --clr-white-hover: var(--v2-lavender);
    --clr-surface-elevated: var(--v2-surface);
    --clr-navbar: var(--v2-paper);
    --clr-overlay: #29243855;
    --clr-input-bg: var(--v2-surface);
    --clr-input-border: var(--v2-line);
    --clr-shadow: #29243808;
    --clr-white: var(--v2-white);
    --primary-08: var(--v2-lavender);
    --primary-10: var(--v2-lavender);
    --primary-12: var(--v2-lavender);
    --primary-15: var(--v2-lavender);
    --primary-20: var(--v2-lavender);
    --primary-25: var(--v2-line);
    --primary-30: var(--v2-line);
    --primary-35: var(--v2-purple);
    --green-10: var(--v2-green-soft);
    --green-12: var(--v2-green-soft);
    --green-15: var(--v2-green-soft);
    --red-10: var(--v2-red-soft);
    --red-15: var(--v2-red-soft);
    --amber-10: var(--v2-amber-soft);
    --amber-15: var(--v2-amber-soft);
    --bg: var(--v2-paper);
    --surface: var(--v2-surface);
    --surface2: var(--v2-lavender);
    --card: var(--v2-surface);
    --border: var(--v2-line);
    --primary: var(--v2-purple);
    --p2: var(--v2-purple);
    --accent: var(--v2-purple);
    --purple: var(--v2-purple);
    --purple-light: var(--v2-purple);
    --cyan: var(--v2-purple);
    --green: var(--v2-green);
    --yellow: var(--v2-amber);
    --amber: var(--v2-amber);
    --red: var(--v2-red);
    --orange: var(--v2-amber);
    --text: var(--v2-ink);
    --muted: var(--v2-muted);
    --on-surface: var(--v2-ink);
    --font-family: var(--v2-font);
    --font-body: var(--v2-font);
    --font-heading: var(--v2-font);
    --shadow-card: var(--v2-shadow);
    --shadow-glow: none;
    --radius-sm: var(--v2-radius-sm);
    --radius-md: var(--v2-radius);
    --radius-lg: var(--v2-radius);
    --radius-xl: var(--v2-radius-lg);
    --bs-body-font-family: var(--v2-font);
    --bs-body-color: var(--v2-ink);
    --bs-body-bg: var(--v2-paper);
    --bs-border-color: var(--v2-line);
    --bs-secondary-color: var(--v2-muted);
    --bs-link-color: var(--v2-purple);
    --bs-link-hover-color: var(--v2-purple-hover);
    color-scheme: light;
    scroll-padding-top: var(--v2-space-3);
}
html[data-v2-theme] body {
    color: var(--v2-ink);
    background: var(--v2-paper);
    font-family: var(--v2-font);
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
}
html[data-v2-theme] :is(button, input, select, textarea, .btn, .sort-select, .filter-btn, .hero-title, .page-title) {
    font-family: var(--v2-font) !important;
}
html[data-v2-theme] :is(h1, h2, h3, h4, h5, h6) {
    color: var(--v2-ink);
    font-weight: 700;
    text-wrap: pretty;
}
html[data-v2-theme] :is(.container, .container-lg, .container-xl) {
    max-width: var(--v2-content);
}
html[data-v2-theme] ::selection {
    color: var(--v2-on-lime);
    background: var(--v2-lime);
}
html[data-v2-theme] :is(a, button, input, select, textarea, summary):focus-visible {
    outline: 2px solid var(--v2-purple);
    outline-offset: 3px;
    box-shadow: var(--v2-focus);
}
html[data-v2-theme] :is(.blob, .bg-blobs, .grid-bg, .hero-bg, .hero-grid, .hero-orb, .bg-orb, .orb) {
    display: none !important;
}
html[data-v2-theme] :is(.gradient-text, .text-gradient, .hero-title .highlight, .hero-title span:not(.badge), .page-title .highlight, .section-title .highlight) {
    color: var(--v2-purple) !important;
    background: none;
    -webkit-text-fill-color: var(--v2-purple);
}
html[data-v2-theme] :is(.text-muted, .text-secondary, .breadcrumb, .page-subtitle, .hero-subtitle, .section-subtitle) {
    color: var(--v2-muted) !important;
}
html[data-v2-theme] :is(.text-primary, .text-accent, .text-purple, .text-cyan) {
    color: var(--v2-purple) !important;
}
html[data-v2-theme] :is(.text-green, .text-success, .price-free) {
    color: var(--v2-green) !important;
}
html[data-v2-theme] .text-warning {
    color: var(--v2-amber) !important;
}
html[data-v2-theme] .text-danger {
    color: var(--v2-red) !important;
}

/* Navigation, drawers and footer keep their existing account behavior. */
html[data-v2-theme] .navbar-custom {
    min-height: var(--v2-header);
    position: relative;
    background: var(--v2-paper) !important;
    border-bottom: var(--v2-border);
    backdrop-filter: none;
    box-shadow: none;
}
html[data-v2-theme] .navbar-brand-custom img {
    height: auto !important;
    width: 117px !important;
}
html[data-v2-theme] .nav-link-custom {
    color: var(--v2-muted) !important;
    font-size: var(--v2-small);
    font-weight: 500;
}
html[data-v2-theme] .nav-link-custom:is(:hover, .active) {
    background: var(--v2-lavender);
    color: var(--v2-purple) !important;
    border-radius: var(--v2-radius-sm);
}
html[data-v2-theme] #navMain .nav-link-custom:is([href$="/"], [href$="/about-us"], [href$="/contact-us"]) {
    display: none;
}
html[data-v2-theme] :is(.btn-nav-login, .btn-lang-toggle, .drawer-toggle, .profile-btn) {
    color: var(--v2-ink) !important;
    background: transparent;
    border-color: var(--v2-line);
}
html[data-v2-theme] .btn-lang-toggle {
    padding-inline: var(--v2-space-2);
    border-radius: var(--v2-radius-sm);
    box-shadow: none;
    white-space: nowrap;
    flex-shrink: 0;
}
html[data-v2-theme] :is(.btn-nav-register, .btn-nav-login) {
    border-radius: var(--v2-radius-sm);
    padding: var(--v2-space-1) var(--v2-space-2);
    font-weight: 500;
}
html[data-v2-theme] .btn-nav-register {
    color: var(--v2-white) !important;
    background: var(--v2-button) !important;
    box-shadow: none;
}
html[data-v2-theme] :is(.nav-drawer, .mobile-drawer, .profile-dropdown, .profile-drawer, .dropdown-menu, .pd-header, .drawer-header, .drawer-footer) {
    color: var(--v2-ink);
    background: var(--v2-surface);
    border-color: var(--v2-line);
    box-shadow: var(--v2-shadow);
}
html[data-v2-theme] :is(.mobile-drawer, .profile-drawer):not(.open) {
    box-shadow: none;
}
html[data-v2-theme] :is(.nav-drawer a, .pd-item, .dropdown-item, .drawer-nav-link, .drawer-link) {
    color: var(--v2-ink);
}
html[data-v2-theme] :is(.pd-item, .dropdown-item, .drawer-nav-link, .drawer-link):hover {
    background: var(--v2-lavender);
}
html[data-v2-theme] :is(.footer, footer:not(.auth-footer), .footer-bottom) {
    background: var(--v2-paper);
    border-color: var(--v2-line);
    color: var(--v2-muted);
}
html[data-v2-theme] :is(.footer-title, .footer h6, .footer h5, .footer-brand, .footer-brand-name) {
    color: var(--v2-ink);
}
html[data-v2-theme] :is(.footer-link, .footer a, .footer-desc, .footer-bottom a) {
    color: var(--v2-muted);
}
html[data-v2-theme] .footer a:hover {
    color: var(--v2-purple);
}
html[data-v2-theme] :is(.social-link, .social-btn, #scrollTop) {
    background: var(--v2-lavender);
    color: var(--v2-purple);
    border-color: var(--v2-line);
    box-shadow: none;
}
html[data-v2-theme] .v2-next-step {
    margin-block: var(--v2-space-6) 0;
    padding-block: var(--v2-space-5);
    background: var(--v2-lime);
    border-block: var(--v2-border);
}
html[data-v2-theme] .v2-next-step__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--v2-space-3);
}
html[data-v2-theme] .v2-next-step h2 {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    margin-bottom: var(--v2-space-1);
}
html[data-v2-theme] .v2-next-step p {
    margin: 0;
    color: var(--v2-ink);
}
html[data-v2-theme] .v2-next-step a {
    flex-shrink: 0;
    width: auto;
    padding-inline: var(--v2-space-3);
}
html[data-v2-theme] .v2-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--v2-space-1);
    padding-block-start: var(--v2-space-3);
    color: var(--v2-muted);
    font-size: var(--v2-tiny);
}
html[data-v2-theme] .v2-breadcrumb a {
    color: var(--v2-purple);
    text-decoration: none;
}

/* Page introductions and reusable content surfaces. */
html[data-v2-theme] :is(.hero, .page-hero, .hero-section, .detail-hero, .org-hero, .amt-hero, .measurement-hero) {
    background: var(--v2-paper);
    padding-block: var(--v2-space-5);
    border: 0;
}
html[data-v2-theme] :is(.hero, .page-hero, .hero-section, .detail-hero, .org-hero, .amt-hero)::before,
html[data-v2-theme] :is(.hero, .page-hero, .hero-section, .detail-hero, .org-hero, .amt-hero)::after {
    display: none;
}
html[data-v2-theme] :is(.hero-title, .page-title, .measurement-title, .amt-hero h1, .hero h1, .page-hero h1) {
    font-size: var(--v2-title);
    font-weight: 600;
    line-height: var(--v2-title-line);
    letter-spacing: normal;
    color: var(--v2-ink);
}
html[data-v2-theme] :is(.hero p, .page-hero p, .hero-subtitle, .page-subtitle) {
    line-height: 1.95;
    font-size: var(--v2-body-size);
}
html[data-v2-theme] :is(.hero-badge, .page-badge, .section-badge, .hero .rounded-pill, .page-hero .rounded-pill, .eyebrow) {
    background: var(--v2-lavender) !important;
    color: var(--v2-purple) !important;
    border-color: var(--v2-line) !important;
    font-weight: 500;
}
html[data-v2-theme] :is(.glass-card, .g-card, .product-card, .pricing-card, .auth-card, .calc-card, .result-card, .info-card, .selector-card, .term-card, .resource-card, .article-card, .featured-card, .sidebar-card, .toc-card, .review-card, .kpi-card, .stat-card, .assess-card, .order-summary, .policy-section, .contact-card, .contact-form, .faq-item, .accordion-item, .content-card, .panel, .job-card, .tool-card, .profile-card, .talent-card, .leaderboard-card, .summary-card, .form-card, .question-card, .category-card, .step-card, .feature-card, .benefit-card, .pillar-card, .dimension-card, .axis-card, .method-card, .package-card, .bundle-card, .plan-card) {
    background: var(--v2-surface);
    border: var(--v2-border);
    border-radius: var(--v2-radius);
    box-shadow: none;
    backdrop-filter: none;
}
html[data-v2-theme] :is(.product-card, .article-card, .resource-card, .term-card, .tool-card, .job-card, .talent-card, .feature-card):hover {
    transform: translateY(-2px);
    border-color: var(--v2-purple);
    box-shadow: var(--v2-shadow);
}
html[data-v2-theme] :is(.product-card.featured, .pricing-card.featured, .plan-card.featured, .plan-option.selected) {
    background: var(--v2-lavender);
    border-color: var(--v2-purple);
    box-shadow: none;
}
html[data-v2-theme] :is(.card-icon, .feature-icon, .icon-box, .tool-icon, .contact-icon, .stat-icon, .kpi-icon) {
    color: var(--v2-purple) !important;
    background: var(--v2-lavender) !important;
    border-radius: var(--v2-radius);
    box-shadow: none;
}
html[data-v2-theme] :is(.badge-free, .badge-individual, .badge-org, .badge-both, .badge-paid, .badge-target, .tag, .category-tag) {
    background: var(--v2-lavender);
    color: var(--v2-purple);
    border-color: var(--v2-line);
    font-weight: 500;
}
html[data-v2-theme] :is(.badge-free, .new-ribbon, .featured-ribbon) {
    background: var(--v2-lime);
    color: var(--v2-on-lime);
    border-color: transparent;
    box-shadow: none;
}
html[data-v2-theme] .discount-ribbon {
    background: var(--v2-button);
    box-shadow: none;
}
html[data-v2-theme] .feature-item {
    font-size: var(--v2-small);
    line-height: 1.85;
}
html[data-v2-theme] :is(.price-current, .price-free) {
    font-weight: 600;
}
html[data-v2-theme] :is(.cta-box, .cta-section, .cta-banner, .bottom-cta) {
    background: var(--v2-lavender);
    border-color: var(--v2-line);
    box-shadow: none;
    color: var(--v2-ink);
}
html[data-v2-theme] :is(.cta-box, .cta-section, .cta-banner, .bottom-cta)::before {
    display: none;
}
html[data-v2-theme] :is(.cta-box, .cta-section, .cta-banner, .bottom-cta) :is(h2, h3, p) {
    color: var(--v2-ink);
}

/* Forms, checkout and interactive tools retain native states and validation. */
html[data-v2-theme] :is(.btn-primary-custom, .btn-free-custom, .btn-auth, .btn-go, .btn-pay, .btn-cta, .btn-cta-free, .btn-hero-primary, .btn-pricing, .btn-pricing-primary, .btn-submit, .btn-calculate, .btn-start, .btn-next, .btn-primary, .btn-success) {
    background: var(--v2-button) !important;
    color: var(--v2-white) !important;
    border: 1px solid var(--v2-purple);
    border-radius: var(--v2-radius-sm);
    min-height: var(--v2-control);
    font-weight: 500;
    box-shadow: none;
    text-decoration: none;
    transition:
        background var(--v2-transition),
        border-color var(--v2-transition);
}
html[data-v2-theme] :is(.btn-primary-custom, .btn-free-custom, .btn-auth, .btn-go, .btn-pay, .btn-cta, .btn-hero-primary, .btn-submit, .btn-primary):hover {
    background: var(--v2-button-hover) !important;
    border-color: var(--v2-purple-hover);
    box-shadow: none;
    transform: none;
}
html[data-v2-theme] :is(.btn-outline-custom, .btn-secondary-custom, .btn-hero-secondary, .btn-cta-outline, .btn-pricing-outline, .btn-outline-primary, .btn-back, .btn-prev) {
    background: transparent;
    color: var(--v2-purple);
    border: 1px solid var(--v2-purple);
    border-radius: var(--v2-radius-sm);
    min-height: var(--v2-control);
    box-shadow: none;
    font-weight: 500;
}
html[data-v2-theme] :is(.btn-outline-custom, .btn-secondary-custom, .btn-outline-primary):hover {
    color: var(--v2-purple-hover);
    background: var(--v2-lavender);
    box-shadow: none;
    transform: none;
}
html[data-v2-theme] :is(button, .btn):disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
html[data-v2-theme] :is(.fc-dark, .fs-dark, .form-control, .form-select, .custom-sel, .calc-input, .calc-select, .form-control-custom, .search-input, .job-search-input, .sort-select, .auth-input, .form-input) {
    background-color: var(--v2-surface) !important;
    color: var(--v2-ink) !important;
    border: var(--v2-border) !important;
    border-radius: var(--v2-radius-sm) !important;
    min-height: var(--v2-control);
    font-family: var(--v2-font) !important;
    font-size: var(--v2-small);
    box-shadow: none;
}
html[data-v2-theme] :is(input, textarea)::placeholder {
    color: var(--v2-muted) !important;
    opacity: 0.85;
}
html[data-v2-theme] :is(select option, .job-dropdown, .search-results, .autocomplete-list) {
    color: var(--v2-ink);
    background: var(--v2-surface);
}
html[data-v2-theme] :is(.form-label, .calc-label, .input-label, label) {
    color: var(--v2-ink);
}
html[data-v2-theme] input:is([type="checkbox"], [type="radio"], [type="range"]) {
    accent-color: var(--v2-purple);
}
html[data-v2-theme] input:is([type="email"], [type="tel"], [type="url"]) {
    direction: ltr;
    text-align: start;
}
html[data-v2-theme] :is(.form-check-input:checked, .step-dot.active, .step-dot.done, .progress-bar, .range-input::-webkit-slider-thumb) {
    background: var(--v2-button);
    border-color: var(--v2-purple);
}
html[data-v2-theme] :is(.filter-bar, .search-bar, .tabs-bar, .step-indicator) {
    background: var(--v2-lavender);
    border: var(--v2-border);
    border-radius: var(--v2-radius);
    box-shadow: none;
    backdrop-filter: none;
}
html[data-v2-theme] :is(.filter-btn, .cat-btn, .chip, .alpha-btn, .d-tab, .tab-btn, .filter-tab) {
    color: var(--v2-muted);
    background: transparent;
    border-color: var(--v2-line);
    font-weight: 500;
    border-radius: var(--v2-radius-sm);
}
html[data-v2-theme] :is(.filter-btn, .cat-btn, .chip, .alpha-btn, .d-tab, .tab-btn, .filter-tab):is(.active, [aria-selected="true"]) {
    color: var(--v2-on-lime);
    background: var(--v2-lime);
    border-color: transparent;
    box-shadow: none;
}
html[data-v2-theme] :is(.result-big, .range-val, .stat-number, .stat-value, .kpi-value, .score-value) {
    color: var(--v2-purple);
    background: none;
    -webkit-text-fill-color: currentColor;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}
html[data-v2-theme] :is(.accordion-button, .faq-question) {
    color: var(--v2-ink);
    background: transparent;
}
html[data-v2-theme] .accordion-button:not(.collapsed) {
    color: var(--v2-purple);
    background: var(--v2-lavender);
    box-shadow: none;
}
html[data-v2-theme] :is(.accordion-body, .faq-answer, .policy-section p, .policy-section li) {
    color: var(--v2-muted);
}
html[data-v2-theme] :is(.auth-card, .calc-card, .result-card, .form-card, .policy-section) {
    padding: var(--v2-space-4);
}
html[data-v2-theme] :is(.auth-logo, .auth-brand, .auth-icon) {
    background: var(--v2-lavender);
    color: var(--v2-purple);
    box-shadow: none;
}
html[data-v2-theme] :is(.auth-title, .auth-card h1) {
    font-size: clamp(1.6rem, 2.5vw, 2rem);
    font-weight: 600;
}
html[data-v2-theme] :is(.alert-success, .info-box.green) {
    color: var(--v2-green);
    background: var(--v2-green-soft);
    border-color: var(--v2-green);
}
html[data-v2-theme] :is(.alert-danger, .invalid-feedback) {
    color: var(--v2-red);
}
html[data-v2-theme] .alert-danger {
    background: var(--v2-red-soft);
    border-color: var(--v2-red);
}
html[data-v2-theme] :is(.alert-warning, .info-box.amber) {
    color: var(--v2-amber);
    background: var(--v2-amber-soft);
    border-color: var(--v2-amber);
}
html[data-v2-theme] .measurement-progress-wrap {
    top: 0;
    background: var(--v2-paper);
    border-color: var(--v2-line);
}

/* Personal, organization and management workspaces. */
html[data-v2-theme] :is(.sidebar, .topbar) {
    background: var(--v2-surface);
    border-color: var(--v2-line);
    box-shadow: none;
    backdrop-filter: none;
}
html[data-v2-theme] .sidebar-logo {
    padding-block: var(--v2-space-3);
}
html[data-v2-theme] :is(.sidebar-link, .sidebar .nav-link) {
    color: var(--v2-muted);
    font-weight: 500;
}
html[data-v2-theme] :is(.sidebar-link, .sidebar .nav-link):is(.active, :hover) {
    background: var(--v2-lavender);
    color: var(--v2-purple);
    border-color: var(--v2-purple);
}
html[data-v2-theme] .sidebar .nav-section-title {
    color: var(--v2-muted);
    letter-spacing: normal;
}
html[data-v2-theme] .page-content {
    max-inline-size: 1600px;
    margin-inline: auto;
    padding: var(--v2-space-4);
}
html[data-v2-theme] :is(.table, .emp-table, .data-table, .invoice-table, .orders-table) {
    --bs-table-bg: transparent;
    --bs-table-color: var(--v2-ink);
    --bs-table-border-color: var(--v2-line);
    --bs-table-hover-bg: var(--v2-lavender);
    --bs-table-hover-color: var(--v2-ink);
    color: var(--v2-ink);
    background: var(--v2-surface);
}
html[data-v2-theme] :is(thead, th) {
    color: var(--v2-muted);
    background: var(--v2-lavender);
    font-weight: 500;
    border-color: var(--v2-line);
}
html[data-v2-theme] :is(td, tbody tr) {
    border-color: var(--v2-line);
}
html[data-v2-theme] :is(.table-responsive, .table-wrap, .emp-table-wrap) {
    border-radius: var(--v2-radius);
    border-color: var(--v2-line);
}
html[data-v2-theme] :is(.pagination .page-link, .page-btn) {
    background: var(--v2-surface);
    color: var(--v2-purple);
    border-color: var(--v2-line);
}
html[data-v2-theme] :is(.pagination .active .page-link, .page-btn.active) {
    color: var(--v2-white);
    background: var(--v2-button);
}
html[data-v2-theme] :is(.modal-content, .modal-header, .modal-footer, .offcanvas) {
    color: var(--v2-ink);
    background: var(--v2-surface);
    border-color: var(--v2-line);
}
html[data-v2-theme] :is(.profile-avatar-placeholder, .pd-avatar-lg, .user-avatar) {
    color: var(--v2-purple) !important;
    background: var(--v2-lavender) !important;
}

@media (max-width: 991px) {
    html[data-v2-theme] {
        --v2-header: 76px;
        --v2-space-7: 56px;
    }
    html[data-v2-theme] :is(.hero, .page-hero, .hero-section, .org-hero, .amt-hero) {
        padding-block: var(--v2-space-4);
    }
    html[data-v2-theme] .v2-next-step__inner {
        align-items: flex-start;
        flex-direction: column;
    }
    html[data-v2-theme] :is(.toc-card, .sidebar-card) {
        top: var(--v2-space-2);
    }
}
@media (max-width: 575px) {
    html[data-v2-theme] {
        --v2-title: 1.9rem;
        --v2-space-5: 32px;
        --v2-space-6: 48px;
        --v2-header: 72px;
    }
    html[data-v2-theme] :is(.container, .container-lg, .container-xl) {
        padding-inline: var(--v2-space-2);
    }
    html[data-v2-theme] .navbar-brand-custom img {
        width: 92px !important;
    }
    html[data-v2-theme] :is(.btn-nav-login, .btn-nav-register) {
        padding-inline: var(--v2-space-1);
        font-size: var(--v2-tiny);
    }
    html[data-v2-theme] :is(.auth-card, .calc-card, .result-card, .form-card, .policy-section) {
        padding: var(--v2-space-3);
    }
    html[data-v2-theme] .page-content {
        padding: var(--v2-space-2);
    }
    html[data-v2-theme] :is(.hero-title, .page-title) {
        overflow-wrap: break-word;
    }
    html[data-v2-theme] .filter-bar {
        padding: var(--v2-space-2);
    }
    html[data-v2-theme] .v2-breadcrumb {
        padding-block-start: var(--v2-space-2);
    }
}
@media (prefers-reduced-motion: reduce) {
    html[data-v2-theme] {
        scroll-behavior: auto;
    }
    html[data-v2-theme] *,
    html[data-v2-theme] *::before,
    html[data-v2-theme] *::after {
        animation: none !important;
        transition: none !important;
    }
}
@media print {
    html[data-v2-theme] :is(.v2-next-step, .v2-breadcrumb) {
        display: none !important;
    }
}

/* Detail pages, framework and legacy inline accents. */
html[data-v2-theme] :is(h1, h2, .amt-title) {
    background-image: none !important;
    -webkit-text-fill-color: currentColor;
}
html[data-v2-theme] [style*="-webkit-text-fill-color: transparent"] {
    background: none !important;
    -webkit-text-fill-color: var(--v2-purple) !important;
    color: var(--v2-purple) !important;
}
html[data-v2-theme] :is(.auth-card, .selector-card, .glass-card)::before {
    display: none;
}
html[data-v2-theme] :is(.amt-cta-btn, .btn-bundle, .btn-start-measurement) {
    background: var(--v2-button);
    color: var(--v2-white);
    border: 1px solid var(--v2-purple);
    border-radius: var(--v2-radius-sm);
    box-shadow: none;
    font-weight: 500;
}
html[data-v2-theme] .amt-cta-btn-alt {
    color: var(--v2-purple);
    background: transparent;
    border-color: var(--v2-purple);
}
html[data-v2-theme] .v2-store-intro {
    max-inline-size: 560px;
    margin: var(--v2-space-2) auto var(--v2-space-3);
    color: var(--v2-muted);
}
html[data-v2-theme] #productsGrid {
    justify-content: center;
}
html[data-v2-theme] #productsGrid .product-card {
    background: var(--v2-surface);
    border-color: var(--v2-line);
}
html[data-v2-theme] #productsGrid .product-card:hover {
    border-color: var(--v2-purple);
}
html[data-v2-theme] :is(.main-wrap, .page-wrap) {
    max-inline-size: var(--v2-content);
}
html[data-v2-theme] [style*="color: #6ee7b7"],
html[data-v2-theme] [style*="color: #34d399"] {
    color: var(--v2-green) !important;
}
html[data-v2-theme] [style*="color: #fbbf24"],
html[data-v2-theme] [style*="color: #fcd34d"] {
    color: var(--v2-amber) !important;
}
html[data-v2-theme] [style*="color: #f87171"] {
    color: var(--v2-red) !important;
}
html[data-v2-theme] [style*="color: #a78bfa"],
html[data-v2-theme] [style*="color: #c4b5fd"],
html[data-v2-theme] [style*="color: #818cf8"],
html[data-v2-theme] [style*="color: #22d3ee"],
html[data-v2-theme] [style*="color: #67e8f9"] {
    color: var(--v2-purple) !important;
}
@media (min-width: 768px) {
    html[data-v2-theme] #productsGrid:has(> :last-child:nth-child(2)) > .product-item.col-md-6 {
        width: 50%;
    }
}
html[data-v2-theme] {
    --gradient-primary: var(--v2-purple);
    --clr-surface-glass: var(--v2-surface);
    --clr-grid-line: var(--v2-line);
    --shadow-primary-sm: none;
    --shadow-primary-md: none;
    --shadow-primary-lg: none;
}
html[data-v2-theme] .drawer-btn-primary {
    color: var(--v2-white);
    background: var(--v2-button);
    border-radius: var(--v2-radius-sm);
}
html[data-v2-theme] .drawer-btn-outline {
    color: var(--v2-purple);
    border-color: var(--v2-line);
    border-radius: var(--v2-radius-sm);
}
@media (max-width: 575px) {
    html[data-v2-theme] .row.g-5 {
        --bs-gutter-x: var(--v2-space-4);
    }
}
html[data-v2-theme] .sidebar {
    left: auto;
    right: auto;
    inset-inline-start: 0;
    inset-inline-end: auto;
    border-inline-end: var(--v2-border);
}
html[data-v2-theme] .sidebar-logo img {
    max-inline-size: 145px;
    block-size: auto;
}
html[data-v2-theme] .emp-table th {
    text-align: start;
}
@media (min-width: 992px) {
    html[data-v2-theme] .main-content {
        margin-left: 0;
        margin-right: 0;
        margin-inline-start: 240px;
    }
}
@media (max-width: 991px) {
    html[data-v2-theme] .main-content {
        margin-left: 0;
        margin-right: 0;
    }
    html[data-v2-theme][dir="ltr"] .sidebar {
        transform: translateX(-100%);
    }
    html[data-v2-theme][dir="ltr"] .sidebar.open {
        transform: translateX(0);
    }
}
html[data-v2-theme] .v2-empty-state {
    padding: var(--v2-space-5) var(--v2-space-3);
    text-align: center;
}
html[data-v2-theme] .v2-empty-state > i {
    display: inline-block;
    color: var(--v2-purple);
    background: var(--v2-lavender);
    padding: var(--v2-space-2);
    border-radius: var(--v2-radius);
    font-size: 1.75rem;
    margin-block-end: var(--v2-space-2);
}
html[data-v2-theme] .v2-empty-state h2 {
    font-size: 1.35rem;
}
html[data-v2-theme] .v2-empty-state p {
    color: var(--v2-muted);
    margin-block: var(--v2-space-1) var(--v2-space-3);
}
html[data-v2-theme] .v2-empty-state .btn {
    width: auto;
}
html[data-v2-theme] {
    --primary2: var(--v2-purple);
}
html[data-v2-theme] :is(.result-hero-inner, .job-header, .report-header, .skills-panel, .tools-panel) {
    background: var(--v2-lavender);
    border: var(--v2-border);
    border-radius: var(--v2-radius);
    box-shadow: none;
}
html[data-v2-theme] :is(.dim-card, .metric-card, .factor-card, .report-card, .insight-card, .recommendation-card) {
    background: var(--v2-surface);
    border-color: var(--v2-line);
    border-radius: var(--v2-radius);
    box-shadow: none;
}
html[data-v2-theme] :is(.level-excellent, .lv-adv) {
    color: var(--v2-green);
    background: var(--v2-green-soft);
    border-color: var(--v2-green);
}
html[data-v2-theme] :is(.level-moderate, .lv-mid) {
    color: var(--v2-amber);
    background: var(--v2-amber-soft);
    border-color: var(--v2-amber);
}
html[data-v2-theme] :is(.level-beginner, .lv-beg) {
    color: var(--v2-red);
    background: var(--v2-red-soft);
    border-color: var(--v2-red);
}
html[data-v2-theme] :is(.resource-thumb, .featured-img, .newsletter-card) {
    background: var(--v2-lavender) !important;
    color: var(--v2-purple);
    border-color: var(--v2-line);
    box-shadow: none;
}
html[data-v2-theme] :is(.featured-badge, .btn-newsletter) {
    background: var(--v2-button) !important;
    color: var(--v2-white);
    box-shadow: none;
}

html[data-v2-theme][data-theme="dark"] {
    --v2-ink: #f2edf9;
    --v2-muted: #b5adc5;
    --v2-purple: #b2a1ff;
    --v2-purple-hover: #c8bbff;
    --v2-paper: #191722;
    --v2-line: #40384f;
    --v2-lavender: #2d273c;
    --v2-surface: #24202f;
    --v2-green: #9fd1b1;
    --v2-green-soft: #22392c;
    --v2-amber: #e7c16e;
    --v2-amber-soft: #3a3120;
    --v2-red: #f1a1ac;
    --v2-red-soft: #40242e;
    color-scheme: dark;
}
html[data-v2-theme] .btn-theme-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: var(--v2-ink);
    background: transparent;
    border: var(--v2-border);
    box-shadow: none;
}
html[data-v2-theme] .btn-theme-toggle:hover {
    background: var(--v2-lavender);
}
html[data-v2-theme] .v2-next-step :is(h2, p) {
    color: var(--v2-on-lime);
}