/* Final experience layer: brand surfaces, motion hooks, and interaction polish. */
:root {
    --mjk-accent: #75b61b;
    --mjk-accent-strong: #5d9814;
    --mjk-ink: #172017;
    --mjk-muted: #667163;
    --mjk-surface: #ffffff;
    --mjk-surface-soft: #f4f7f1;
    --mjk-line: rgba(82, 106, 58, .16);
    --mjk-ease: cubic-bezier(.16, 1, .3, 1);
    --mjk-shadow-soft: 0 18px 50px rgba(21, 34, 13, .12);
    --mjk-shadow-hover: 0 24px 70px rgba(21, 34, 13, .18);
}

html[data-theme="dark"] {
    --mjk-ink: #e3e3e3;
    --mjk-muted: #aab5a3;
    --mjk-surface: #151b14;
    --mjk-surface-soft: #0f160f;
    --mjk-line: rgba(139, 214, 63, .18);
    --mjk-shadow-soft: 0 18px 52px rgba(0, 0, 0, .34);
    --mjk-shadow-hover: 0 26px 72px rgba(0, 0, 0, .46);
}

body.site-body {
    background:
        radial-gradient(circle at 14% 8%, rgba(117, 182, 27, .12), transparent 22rem),
        var(--mjk-surface-soft);
    color: var(--mjk-ink);
    isolation: isolate;
    min-height: 100dvh;
    position: relative;
}

body.site-body::before {
    animation: mjkGlowDrift 16s var(--mjk-ease) infinite alternate;
    background:
        radial-gradient(circle, rgba(117, 182, 27, .18), transparent 36rem),
        radial-gradient(circle, rgba(214, 255, 143, .12), transparent 30rem);
    content: "";
    height: 42rem;
    left: -12rem;
    pointer-events: none;
    position: fixed;
    top: 18vh;
    transform: translate3d(0, 0, 0);
    width: 42rem;
    z-index: 0;
}

.site-header,
.page-wrap,
.site-footer {
    position: relative;
    z-index: 1;
}

html[data-theme="dark"] body.site-body::before {
    background:
        radial-gradient(circle, rgba(117, 182, 27, .20), transparent 34rem),
        radial-gradient(circle, rgba(214, 255, 143, .07), transparent 28rem);
    opacity: .78;
}

::selection {
    background: rgba(117, 182, 27, .28);
    color: var(--mjk-ink);
}

.site-header {
    backdrop-filter: blur(18px) saturate(140%);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
    background: rgba(117, 182, 27, .90) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .22) !important;
    box-shadow: 0 12px 40px rgba(36, 77, 12, .16) !important;
}

html[data-theme="dark"] .site-header {
    background: rgba(13, 19, 13, .82) !important;
    border-bottom-color: rgba(139, 214, 63, .18) !important;
    box-shadow: 0 14px 44px rgba(0, 0, 0, .34) !important;
}

.site-link,
.site-signin,
.theme-toggle,
.btn,
.section-link,
.dropdown-item {
    transition:
        transform .24s var(--mjk-ease),
        color .24s var(--mjk-ease),
        background-color .24s var(--mjk-ease),
        border-color .24s var(--mjk-ease),
        box-shadow .24s var(--mjk-ease),
        opacity .24s var(--mjk-ease);
}

.site-link:hover,
.site-signin:hover,
.theme-toggle:hover,
.dropdown-item:hover {
    transform: translateY(-1px);
}

.btn:active,
.site-link:active,
.site-signin:active,
.theme-toggle:active {
    transform: translateY(1px) scale(.99);
}

.btn-mjk,
.btn-mjk-green,
.btn.btn-mjk-green {
    background: linear-gradient(135deg, #86d933, var(--mjk-accent-strong)) !important;
    border-color: transparent !important;
    box-shadow: 0 12px 28px rgba(117, 182, 27, .24);
    color: #fff !important;
}

.btn-mjk:hover,
.btn-mjk:focus,
.btn-mjk-green:hover,
.btn-mjk-green:focus,
.btn.btn-mjk-green:hover,
.btn.btn-mjk-green:focus {
    box-shadow: 0 16px 36px rgba(117, 182, 27, .32);
    color: #fff !important;
    transform: translateY(-1px);
}

html[data-theme="dark"] .btn-mjk,
html[data-theme="dark"] .btn-mjk-green,
html[data-theme="dark"] .btn.btn-mjk-green,
html[data-theme="dark"] .site-signin {
    background: #f3f6ee !important;
    border-color: rgba(255, 255, 255, .72) !important;
    color: #10170d !important;
    box-shadow: 0 14px 34px rgba(255, 255, 255, .08);
}

html[data-theme="dark"] .btn-mjk:hover,
html[data-theme="dark"] .btn-mjk:focus,
html[data-theme="dark"] .btn-mjk-green:hover,
html[data-theme="dark"] .btn-mjk-green:focus,
html[data-theme="dark"] .btn.btn-mjk-green:hover,
html[data-theme="dark"] .btn.btn-mjk-green:focus,
html[data-theme="dark"] .site-signin:hover,
html[data-theme="dark"] .site-signin:focus {
    background: #ffffff !important;
    color: #0c1209 !important;
}

.home-hero,
.jobs-hero {
    isolation: isolate;
    overflow: hidden;
}

.home-hero::after,
.jobs-hero::after {
    animation: mjkHeroLight 12s var(--mjk-ease) infinite alternate;
    background:
        radial-gradient(circle at 50% 50%, rgba(117, 182, 27, .26), transparent 16rem),
        linear-gradient(90deg, transparent, rgba(255, 255, 255, .10), transparent);
    content: "";
    height: 26rem;
    pointer-events: none;
    position: absolute;
    right: 6vw;
    top: 12%;
    transform: rotate(-10deg);
    width: 26rem;
    z-index: 0;
}

.hero-stack,
.jobs-hero .jobs-shell {
    position: relative;
    z-index: 1;
}

.home-page .hero-copy {
    color: rgba(255, 255, 255, .86) !important;
    margin-bottom: 1.2rem !important;
}

.home-page .hero-stack > .jobs-search-card {
    margin-top: 0 !important;
}

.jobs-search-card,
.filter-panel,
.home-job-card,
.category-card,
.employer-card,
.ai-tool-card,
.article-card,
.course-row,
.coach-row,
.job-listing-card {
    position: relative;
    transition:
        transform .28s var(--mjk-ease),
        box-shadow .28s var(--mjk-ease),
        border-color .28s var(--mjk-ease),
        background-color .28s var(--mjk-ease);
}

.home-job-card,
.category-card,
.employer-card,
.ai-tool-card,
.article-card,
.course-row,
.coach-row,
.job-listing-card,
.filter-panel,
.jobs-search-card {
    box-shadow: var(--mjk-shadow-soft);
}

.home-job-card:hover,
.home-job-card:focus-visible,
.category-card:hover,
.category-card:focus-visible,
.employer-card:hover,
.employer-card:focus-visible,
.ai-tool-card:hover,
.ai-tool-card:focus-visible,
.article-card:hover,
.article-card:focus-visible,
.course-row:hover,
.course-row:focus-visible,
.coach-row:hover,
.coach-row:focus-visible,
.job-listing-card:hover,
.job-listing-card:focus-within {
    border-color: rgba(117, 182, 27, .38) !important;
    box-shadow: var(--mjk-shadow-hover);
    transform: translateY(-3px);
}

.mjk-spotlight {
    isolation: isolate;
    overflow: hidden;
    position: relative;
}

.site-icon-link.mjk-spotlight,
.mobile-header-icon.mjk-spotlight {
    overflow: visible;
}

.mjk-spotlight::before {
    background: radial-gradient(
        22rem circle at var(--mjk-mouse-x, 50%) var(--mjk-mouse-y, 0%),
        rgba(117, 182, 27, .13),
        transparent 42%
    );
    border-radius: inherit;
    content: "";
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .28s var(--mjk-ease);
    z-index: 0;
}

.mjk-spotlight:hover::before,
.mjk-spotlight:focus-within::before,
.mjk-spotlight:focus-visible::before {
    opacity: 1;
}

.mjk-spotlight > * {
    position: relative;
    z-index: 1;
}

.form-control,
.form-select,
.jobs-select-trigger,
.input-group-text {
    transition:
        border-color .22s var(--mjk-ease),
        box-shadow .22s var(--mjk-ease),
        background-color .22s var(--mjk-ease),
        color .22s var(--mjk-ease);
}

.input-group:focus-within .input-group-text,
.form-control:focus,
.form-select:focus,
.jobs-custom-select:focus-within .jobs-select-trigger {
    border-color: rgba(117, 182, 27, .56) !important;
    box-shadow: 0 0 0 .22rem rgba(117, 182, 27, .16) !important;
}

.jobs-custom-select:focus-within .jobs-select-trigger,
.jobs-select-trigger:hover {
    transform: none;
}

.job-listing-logo,
.company-mark,
.employer-mark,
.coach-mark,
.ai-tool-icon,
.category-icon,
.market-stat i {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 10px 24px rgba(117, 182, 27, .12);
}

.job-listing-logo img,
.company-mark img,
.employer-mark img,
.coach-mark img {
    background: #fff;
}

.market-stats-grid,
.job-grid,
.ai-tools-grid,
.category-grid,
.employer-grid,
.growth-grid,
.article-grid {
    transform: translateZ(0);
}

.site-footer {
    background:
        radial-gradient(circle at 80% 0%, rgba(117, 182, 27, .12), transparent 22rem),
        #11190f !important;
    border-top: 1px solid rgba(139, 214, 63, .14);
}

.footer-list a:hover,
.footer-legal-links a:hover {
    color: #d9ff9f !important;
    transform: translateX(2px);
}

.footer-list a,
.footer-legal-links a {
    transition: color .22s var(--mjk-ease), transform .22s var(--mjk-ease);
}

html[data-theme="dark"] .seeker-page {
    background:
        radial-gradient(circle at 18% 10%, rgba(139, 214, 63, .16), transparent 24rem),
        radial-gradient(circle at 86% 38%, rgba(139, 214, 63, .085), transparent 28rem),
        linear-gradient(180deg, #0f140e 0%, #0b100a 100%) !important;
    color: #e3e3e3 !important;
    position: relative;
}

html[data-theme="dark"] .seeker-page::before {
    animation: mjkGlowDrift 13s var(--mjk-ease) infinite alternate;
    background: radial-gradient(circle, rgba(139, 214, 63, .12), transparent 68%);
    content: "";
    height: 42rem;
    left: -12rem;
    pointer-events: none;
    position: fixed;
    top: 10rem;
    width: 42rem;
    z-index: 0;
}

html[data-theme="dark"] .seeker-wrap {
    position: relative;
    z-index: 1;
}

html[data-theme="dark"] .seeker-hero,
html[data-theme="dark"] .seeker-panel,
html[data-theme="dark"] .metric-card,
html[data-theme="dark"] .side-card,
html[data-theme="dark"] .seeker-page .job-card,
html[data-theme="dark"] .seeker-page .application-row {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)),
        #151b13 !important;
    border-color: rgba(255, 255, 255, .09) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .26) !important;
    color: #e3e3e3 !important;
}

html[data-theme="dark"] .seeker-hero {
    background:
        radial-gradient(circle at 12% 16%, rgba(139, 214, 63, .18), transparent 19rem),
        linear-gradient(135deg, rgba(23, 33, 19, .98), rgba(14, 19, 13, .98)) !important;
}

html[data-theme="dark"] .seeker-hero h1,
html[data-theme="dark"] .seeker-page .panel-head h2,
html[data-theme="dark"] .seeker-page .side-card-head h2,
html[data-theme="dark"] .seeker-page .metric-value,
html[data-theme="dark"] .seeker-page .status-count,
html[data-theme="dark"] .seeker-page .row-title,
html[data-theme="dark"] .seeker-page .meter-value {
    color: #e3e3e3 !important;
}

html[data-theme="dark"] .seeker-page .hero-copy,
html[data-theme="dark"] .seeker-page .panel-sub,
html[data-theme="dark"] .seeker-page .metric-label,
html[data-theme="dark"] .seeker-page .row-meta,
html[data-theme="dark"] .seeker-page .deadline-text,
html[data-theme="dark"] .seeker-page .status-name,
html[data-theme="dark"] .seeker-page .meter-label,
html[data-theme="dark"] .seeker-page .quick-link small,
html[data-theme="dark"] .seeker-page .empty-state {
    color: #a4ad9f !important;
}

html[data-theme="dark"] .seeker-page .eyebrow,
html[data-theme="dark"] .seeker-page .text-link {
    color: #a7e45c !important;
}

html[data-theme="dark"] .seeker-page .panel-head,
html[data-theme="dark"] .seeker-page .status-line {
    border-color: rgba(255, 255, 255, .075) !important;
}

html[data-theme="dark"] .seeker-page .logo-mark,
html[data-theme="dark"] .seeker-page .metric-icon,
html[data-theme="dark"] .seeker-page .quick-link,
html[data-theme="dark"] .seeker-page .gap-item,
html[data-theme="dark"] .seeker-page .tag,
html[data-theme="dark"] .seeker-page .skill-chip,
html[data-theme="dark"] .seeker-page .match-reasons span,
html[data-theme="dark"] .seeker-page .signal-pill {
    background: rgba(139, 214, 63, .105) !important;
    border-color: rgba(139, 214, 63, .22) !important;
    color: #d9ff9f !important;
}

html[data-theme="dark"] .seeker-page .quick-link:hover,
html[data-theme="dark"] .seeker-page .gap-item:hover,
html[data-theme="dark"] .seeker-page .job-card:hover,
html[data-theme="dark"] .seeker-page .application-row:hover {
    background:
        radial-gradient(circle at var(--mjk-mouse-x, 50%) var(--mjk-mouse-y, 0%), rgba(139, 214, 63, .11), transparent 18rem),
        #182015 !important;
    border-color: rgba(167, 228, 92, .36) !important;
}

html[data-theme="dark"] .seeker-page .status-pending {
    background: rgba(245, 158, 11, .13) !important;
    border-color: rgba(245, 158, 11, .28) !important;
    color: #fbbf24 !important;
}

html[data-theme="dark"] .seeker-page .status-rejected {
    background: rgba(244, 63, 94, .13) !important;
    border-color: rgba(244, 63, 94, .28) !important;
    color: #fb7185 !important;
}

html[data-theme="dark"] .seeker-page .btn-seeker-primary {
    background: #8bd63f !important;
    border-color: #8bd63f !important;
    color: #fff !important;
}

html[data-theme="dark"] .seeker-page .btn-seeker-primary:hover,
html[data-theme="dark"] .seeker-page .btn-seeker-primary:focus {
    background: #a7e45c !important;
    border-color: #a7e45c !important;
    color: #fff !important;
}

html[data-theme="dark"] .seeker-page .btn-seeker-secondary {
    background: rgba(255, 255, 255, .04) !important;
    border-color: rgba(255, 255, 255, .12) !important;
    color: #e3e3e3 !important;
}

html[data-theme="dark"] .seeker-page .btn-seeker-secondary:hover,
html[data-theme="dark"] .seeker-page .btn-seeker-secondary:focus {
    background: rgba(139, 214, 63, .105) !important;
    border-color: rgba(167, 228, 92, .36) !important;
    color: #d9ff9f !important;
}

html[data-theme="dark"] .seeker-page .meter-track {
    background: rgba(255, 255, 255, .08) !important;
}

html[data-theme="dark"] .seeker-page .empty-state i {
    color: rgba(217, 255, 159, .42) !important;
}

.mjk-js .mjk-reveal {
    opacity: 0;
    transform: translate3d(0, 22px, 0);
}

.mjk-js .mjk-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition:
        opacity .64s var(--mjk-ease),
        transform .64s var(--mjk-ease);
    transition-delay: var(--mjk-reveal-delay, 0ms);
}

@keyframes mjkGlowDrift {
    0% {
        opacity: .62;
        transform: translate3d(0, 0, 0) scale(1);
    }
    100% {
        opacity: .92;
        transform: translate3d(16vw, 8vh, 0) scale(1.12);
    }
}

@keyframes mjkHeroLight {
    0% {
        opacity: .42;
        transform: translate3d(0, 0, 0) rotate(-10deg) scale(.94);
    }
    100% {
        opacity: .82;
        transform: translate3d(-8vw, 4vh, 0) rotate(8deg) scale(1.06);
    }
}

@media (max-width: 991.98px) {
    .home-job-card:hover,
    .home-job-card:focus-visible,
    .category-card:hover,
    .category-card:focus-visible,
    .employer-card:hover,
    .employer-card:focus-visible,
    .ai-tool-card:hover,
    .ai-tool-card:focus-visible,
    .article-card:hover,
    .article-card:focus-visible,
    .course-row:hover,
    .course-row:focus-visible,
    .coach-row:hover,
    .coach-row:focus-visible,
    .job-listing-card:hover,
    .job-listing-card:focus-within {
        transform: translateY(-1px);
    }

    body.site-body::before {
        height: 28rem;
        width: 28rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
    }

    .mjk-js .mjk-reveal,
    .mjk-js .mjk-reveal.is-visible {
        opacity: 1 !important;
        transform: none !important;
    }
}

/* Header dropdowns must sit above sticky/filter/page surfaces. */
.site-header {
    overflow: visible !important;
    z-index: 2050 !important;
}

.site-header .container,
.site-header .site-nav,
.site-header .navbar-nav,
.site-header .nav-item.dropdown {
    overflow: visible !important;
}

.site-header .dropdown-menu {
    z-index: 2060 !important;
}

.admin-topbar {
    overflow: visible !important;
    z-index: 2050 !important;
}

.admin-topbar .dropdown,
.admin-topbar .dropdown-menu {
    z-index: 2060 !important;
}

@media (min-width: 992px) {
    .site-header .navbar-collapse {
        overflow: visible !important;
    }
}
.text-white{
    color: white !important;
}