:root[data-theme='light']{--bg:#e9eef2;--panel:#f8fafb;--panel2:#e1e8ed;--line:#b7c9d2;--text:#2b4a5a;--muted:#5f7380;--blue:#087fbd;--blue2:#d7edf7;--orange:#c95008;--green:#087b58}
@keyframes heroSweepLight{0%{transform:translateX(-120%)}30%,100%{transform:translateX(120%)}}
:root[data-theme='light'] body{background:linear-gradient(145deg,#e9eef2 0%,#dce6eb 100%);color:var(--text)}
:root[data-theme='light'] body::before{background:radial-gradient(circle at top left, rgba(8,127,189,.24), transparent 26%),radial-gradient(circle at bottom right, rgba(201,80,8,.18), transparent 30%),radial-gradient(circle at center, rgba(7,154,160,.1), transparent 22%);opacity:1}
:root[data-theme='light'] body::after{background-image:linear-gradient(rgba(25,75,98,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(25,75,98,.04) 1px,transparent 1px);opacity:.75}
:root[data-theme='light'] body,
:root[data-theme='light'] body *,
:root[data-theme='light'] h1,
:root[data-theme='light'] h2,
:root[data-theme='light'] h3,
:root[data-theme='light'] h4,
:root[data-theme='light'] p,
:root[data-theme='light'] span,
:root[data-theme='light'] small,
:root[data-theme='light'] strong,
:root[data-theme='light'] label,
:root[data-theme='light'] a,
:root[data-theme='light'] li,
:root[data-theme='light'] button,
:root[data-theme='light'] input,
:root[data-theme='light'] textarea,
:root[data-theme='light'] select,
:root[data-theme='light'] .muted,
:root[data-theme='light'] .topbar-view-title,
:root[data-theme='light'] .guest-copy p,
:root[data-theme='light'] .job-card p,
:root[data-theme='light'] .profile-card p,
:root[data-theme='light'] .panel p,
:root[data-theme='light'] .application-row small,
:root[data-theme='light'] .resume-preview p,
:root[data-theme='light'] .guidance-hero p,
:root[data-theme='light'] .advice-card p{color:#2b4a5a!important}
:root[data-theme='light'] .hero{background:linear-gradient(135deg, rgba(115,175,216,.22), rgba(255,255,255,.9) 32%, rgba(252,247,243,.9) 100%);border:1px solid rgba(9,120,189,.14);box-shadow:0 24px 52px rgba(20,55,77,.14),0 0 0 1px rgba(9,120,189,.06)}
:root[data-theme='light'] .hero::before{background:radial-gradient(circle, rgba(8,127,189,.34), rgba(8,127,189,.12) 34%, transparent 68%);filter:blur(26px)}
:root[data-theme='light'] .hero::after{background:linear-gradient(120deg, transparent 0%, rgba(8,127,189,.28) 35%, rgba(201,80,8,.2) 50%, transparent 60%);animation:heroSweepLight 7s ease-in-out infinite}
:root[data-theme='light'] .primary{background:linear-gradient(135deg,#0c8fd7,#43b3ea 38%,#72c9ee 100%);color:#f8fdff;box-shadow:0 16px 28px rgba(12,143,215,.22),0 0 18px rgba(12,143,215,.18)}
:root[data-theme='light'] .secondary{background:rgba(255,255,255,.82);border-color:rgba(98,136,164,.34);box-shadow:0 12px 22px rgba(30,56,70,.07),inset 0 1px 0 rgba(255,255,255,.6)}
:root[data-theme='light'] .stats .stat{background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(239,245,248,.94));border-color:rgba(9,120,189,.18);box-shadow:0 18px 32px rgba(19,49,66,.1),0 0 0 1px rgba(9,120,189,.06)}
:root[data-theme='light'] .panel,:root[data-theme='light'] .job-card,:root[data-theme='light'] .profile-card,:root[data-theme='light'] .talent-card,:root[data-theme='light'] .modal{box-shadow:0 16px 32px rgba(16,49,72,.12),0 0 0 1px rgba(8,127,189,.04)}
:root[data-theme='light'] .tag{background:rgba(8,127,189,.08);border-color:rgba(8,127,189,.22);color:#185a7b;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
:root[data-theme='light'] .tag.orange{background:rgba(201,80,8,.08);border-color:rgba(201,80,8,.25);color:#9a4701}
:root[data-theme='light'] .topbar{background:rgba(255,255,255,.82);box-shadow:0 8px 22px rgba(28,57,76,.08)}
:root[data-theme='light'] .nav button,.icon-btn{color:#49687a}
:root[data-theme='light'] .nav button.active,.nav button:hover{color:#173448}
:root[data-theme='light'] body.authenticated-light,
:root[data-theme='light'] body.authenticated-light *,
:root[data-theme='light'] body.authenticated-light .hero h1,
:root[data-theme='light'] body.authenticated-light .hero p,
:root[data-theme='light'] body.authenticated-light .eyebrow,
:root[data-theme='light'] body.authenticated-light .section-title h2,
:root[data-theme='light'] body.authenticated-light .section-title .eyebrow,
:root[data-theme='light'] body.authenticated-light .job-card h3,
:root[data-theme='light'] body.authenticated-light .job-card p,
:root[data-theme='light'] body.authenticated-light .stat strong,
:root[data-theme='light'] body.authenticated-light .stat small,
:root[data-theme='light'] body.authenticated-light .panel h2,
:root[data-theme='light'] body.authenticated-light .panel p,
:root[data-theme='light'] body.authenticated-light .activity,
:root[data-theme='light'] body.authenticated-light .topbar-view-title,
:root[data-theme='light'] body.authenticated-light .nav button,
:root[data-theme='light'] body.authenticated-light .nav button.active,
:root[data-theme='light'] body.authenticated-light .topbar .icon-btn,
:root[data-theme='light'] body.authenticated-light .account-dropdown *,
:root[data-theme='light'] body.authenticated-light .job-details-company strong,
:root[data-theme='light'] body.authenticated-light .job-details-grid p,
:root[data-theme='light'] body.authenticated-light .job-details-description p,
:root[data-theme='light'] body.authenticated-light small,
:root[data-theme='light'] body.authenticated-light strong,
:root[data-theme='light'] body.authenticated-light span,
:root[data-theme='light'] body.authenticated-light label,
:root[data-theme='light'] body.authenticated-light button,
:root[data-theme='light'] body.authenticated-light a,
:root[data-theme='light'] body.authenticated-light input,
:root[data-theme='light'] body.authenticated-light textarea,
:root[data-theme='light'] body.authenticated-light select{color:#1b2d39!important;text-shadow:none!important}
:root[data-theme='light'] body.authenticated-light .panel,
:root[data-theme='light'] body.authenticated-light .job-card,
:root[data-theme='light'] body.authenticated-light .profile-card,
:root[data-theme='light'] body.authenticated-light .stat,
:root[data-theme='light'] body.authenticated-light .account-dropdown,
:root[data-theme='light'] body.authenticated-light .resume-profile-card,
:root[data-theme='light'] body.authenticated-light .mentor-session-card,
:root[data-theme='light'] body.authenticated-light .mentor-booking-card,
:root[data-theme='light'] body.authenticated-light .mentor-booking-list button,
:root[data-theme='light'] body.authenticated-light .welcome-mark,
:root[data-theme='light'] body.authenticated-light .visual-stat{background:rgba(255,255,255,.92)!important;border-color:rgba(170,194,206,.5)!important;color:#1b2d39!important;box-shadow:0 12px 28px rgba(15,30,38,.12)!important}
:root[data-theme='light'] body.authenticated-light .tag,
:root[data-theme='light'] body.authenticated-light .secondary,
:root[data-theme='light'] body.authenticated-light .mentor-countdown,
:root[data-theme='light'] body.authenticated-light .job-details-label{color:#1b2d39!important;background:rgba(255,255,255,.8)!important;border-color:rgba(170,194,206,.52)!important}
:root[data-theme='light'] body.authenticated-light .muted,
:root[data-theme='light'] body.authenticated-light .job-card .muted,
:root[data-theme='light'] body.authenticated-light .panel .muted,
:root[data-theme='light'] body.authenticated-light .activity,
:root[data-theme='light'] body.authenticated-light .job-details-company small,
:root[data-theme='light'] body.authenticated-light .review-heading strong,
:root[data-theme='light'] body.authenticated-light .profile-review-count{color:#536875!important}
:root[data-theme='light'] body.authenticated-light .topbar{background:rgba(255,255,255,.88)!important;border-bottom-color:rgba(186,204,214,.52)!important;backdrop-filter:blur(4px);box-shadow:0 8px 18px rgba(20,36,46,.06)!important}
:root[data-theme='light'] body.authenticated-light .topbar .topbar-view-title,
:root[data-theme='light'] body.authenticated-light .nav button,
:root[data-theme='light'] body.authenticated-light .nav button.active,
:root[data-theme='light'] body.authenticated-light .topbar .icon-btn,
:root[data-theme='light'] body.authenticated-light .account-dropdown *{color:#1b2d39!important}
:root[data-theme='light'] body.authenticated-light .nav button.active{background:rgba(11,92,139,.06);border-color:rgba(11,92,139,.22)}
:root[data-theme='light'] body.authenticated-light .panel,:root[data-theme='light'] body.authenticated-light .job-card,:root[data-theme='light'] body.authenticated-light .profile-card{background:rgba(255,255,255,.94)!important;border-color:rgba(170,194,206,.52)!important;box-shadow:0 12px 28px rgba(15,30,38,.1)!important}
:root[data-theme='light'] body.authenticated-light .job-card:hover,:root[data-theme='light'] body.authenticated-light .panel:hover{border-color:rgba(11,92,139,.38)!important}
:root[data-theme='light'] body.authenticated-light .secondary,
:root[data-theme='light'] body.authenticated-light .tag,
:root[data-theme='light'] body.authenticated-light .job-details-label{border-color:rgba(170,194,206,.55)!important;color:#1b2d39!important;background:rgba(255,255,255,.9)!important}
:root[data-theme='light'] body.authenticated-light .secondary:hover{background:rgba(230,242,249,.9)!important;border-color:rgba(11,92,139,.34)!important}
:root[data-theme='light'] body.authenticated-light .primary{background:linear-gradient(135deg,#1ca7de,#0a7cc0);color:#ffffff!important;box-shadow:0 10px 24px rgba(14,110,165,.2)!important}
:root[data-theme='light'] .topbar{background:#f8fafb;border-bottom-color:#9eafb9;box-shadow:0 5px 18px rgba(32,61,75,.12)}
:root[data-theme='light'] .topbar .nav{background:rgba(255,255,255,.82);border-color:rgba(148,171,186,.46);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 10px 22px rgba(26,52,66,.08)}
:root[data-theme='light'] .topbar .nav button,:root[data-theme='light'] .icon-btn{color:#4b6574}
:root[data-theme='light'] .topbar .nav button:hover{color:#0d3c5a;background:rgba(8,127,189,.05)}
:root[data-theme='light'] .topbar .nav button.active{color:#0b4d70;background:linear-gradient(135deg,#edfaff,#dfeef8 48%,#d8edf6);border:1px solid rgba(9,110,165,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 24px rgba(8,127,189,.14)}
:root[data-theme='light'] .topbar .nav button.active::before{background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.8) 50%, transparent 100%)}
:root[data-theme='light'] .topbar .nav button.active::after{background:linear-gradient(90deg, rgba(8,127,189,.95), rgba(255,125,26,.9));box-shadow:0 0 14px rgba(8,127,189,.3)}
:root[data-theme='light'] body.authenticated-light .nav button.active{color:#0b4d70;background:linear-gradient(135deg,#edfaff,#dfeef8 48%,#d8edf6);border:1px solid rgba(9,110,165,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 24px rgba(8,127,189,.14)}
:root[data-theme='light'] body.authenticated-light .nav button.active::after{background:linear-gradient(90deg, rgba(8,127,189,.95), rgba(255,125,26,.9));box-shadow:0 0 14px rgba(8,127,189,.3)}
:root[data-theme='light'] .panel,:root[data-theme='light'] .job-card,:root[data-theme='light'] .profile-card{background:linear-gradient(145deg,#f8fafb,#edf3f5);border-color:#afbec7;box-shadow:0 8px 20px rgba(38,67,81,.08)}
:root[data-theme='light'] .profile-card{position:relative;overflow:hidden;padding:24px 24px 18px;border-radius:22px;background:linear-gradient(135deg,#ecf9ff 0%,#edf5f8 48%,#f8f5ef 100%);border:1px solid rgba(108,174,203,.35);box-shadow:0 18px 40px rgba(20,36,46,.1)}
:root[data-theme='light'] .profile-card::before{content:'';position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,#0aa2f5,#ff7d1a)}
:root[data-theme='light'] .profile-card h2{margin:0 0 12px;color:#1d303c}
:root[data-theme='light'] .profile-card .muted{color:#526674;line-height:1.7}
:root[data-theme='light'] .profile-card .meta{gap:8px;flex-wrap:wrap}
:root[data-theme='light'] .profile-card .tag{background:#e0f4ff;color:#0e7095;border-color:#afd9ea}
:root[data-theme='light'] .job-card:hover,:root[data-theme='light'] .panel:hover{border-color:#6caecb}
:root[data-theme='light'] .muted{color:#526674}
:root[data-theme='light'] .secondary{border-color:#8fa4af;color:#17232b;background:#f5f8f9}
:root[data-theme='light'] .secondary:hover{border-color:var(--blue);background:#e4f2f7}
:root[data-theme='light'] .primary{background:#0798df;color:#fff;box-shadow:0 5px 12px rgba(8,127,189,.18)}
:root[data-theme='light'] .tag{background:#e4edf1;color:#365565;border-color:#aebdc7}
:root[data-theme='light'] .tag.orange{background:#fff0e5;color:#b54b0a;border-color:#e4a477}
:root[data-theme='light'] .input{background:#fff;color:#17232b;border-color:#aebdc7}
:root[data-theme='light'] .input::placeholder{color:#72838c}
:root[data-theme='light'] .footer{background:#f8fafb;border-top-color:#aebdc7;color:#526674}
:root[data-theme='light'] .mentor-session-card,:root[data-theme='light'] .mentor-booking-card,:root[data-theme='light'] .mentor-resources,:root[data-theme='light'] .mentor-progress{background:linear-gradient(145deg,#f8fafb,#e8f0f3);border-color:#9eb3be;box-shadow:0 10px 24px rgba(38,67,81,.1)}
:root[data-theme='light'] .mentor-session-card{border-color:#3f9dc6}
:root[data-theme='light'] .mentor-countdown{background:#edf3f5;color:#243944;border-color:#aebdc7}
:root[data-theme='light'] .mentor-booking-list button,:root[data-theme='light'] .mentor-calendar{background:#f8fafb;color:#17232b;border-color:#aebdc7}
:root[data-theme='light'] .mentor-booking-list button:hover,:root[data-theme='light'] .mentor-resource:hover,:root[data-theme='light'] .mentor-resource.is-selected{background:#e2f1f6;border-color:#4b9fc5}
:root[data-theme='light'] .mentor-resource{color:#17232b}
:root[data-theme='light'] .mentor-progress .progress{background:#d2dce1}
:root[data-theme='light'] .account-dropdown{background:#f8fafb;border-color:#aebdc7;box-shadow:0 10px 24px rgba(38,67,81,.14)}
:root[data-theme='light'] .guest-header{background:#ffffff;border-bottom:1px solid #dbe5ea;box-shadow:0 4px 18px rgba(25,55,70,.07)}:root[data-theme='light'] .guest-nav button{color:#526873}:root[data-theme='light'] .guest-nav button:hover{color:#087ebd}:root[data-theme='light'] .guest-actions .secondary{background:#eef4f6;color:#1d343e}:root[data-theme='light'] .guest-hero{background:linear-gradient(115deg,#f8fbfc 0%,#e7f3f7 100%);color:#16232b}:root[data-theme='light'] .guest-hero:after{background:linear-gradient(90deg,#f8fbfc 0%,transparent 70%);opacity:.8}:root[data-theme='light'] .guest-copy p{color:#526873}:root[data-theme='light'] .guest-visual{background:linear-gradient(145deg,#c5e5ef,#eaf4f3 55%,#f5d7bd);border:1px solid #b8d5df;box-shadow:0 20px 45px rgba(38,87,104,.15)}:root[data-theme='light'] .visual-stat{background:#ffffff;border-color:#cbdde4;box-shadow:0 10px 24px rgba(38,87,104,.1)}:root[data-theme='light'] .visual-stat span{color:#60717b}:root[data-theme='light'] .guest-categories{background:#f5f8f9;color:#526873;border-top:1px solid #dbe5ea}:root[data-theme='light'] .guest-categories h2{color:#16232b}:root[data-theme='light'] .category-grid button{background:#ffffff;border:1px solid #d4e1e6;color:#29434e;box-shadow:0 8px 22px rgba(37,72,86,.06)}:root[data-theme='light'] .category-grid button:hover{background:#f1f8fa;border-color:#73b8d1;box-shadow:0 12px 26px rgba(37,110,139,.12)}:root[data-theme='light'] .category-grid small{background:#e8f1f4;color:#526873}:root[data-theme='light'] .guest-page .footer{background:#ffffff;border-top:1px solid #dbe5ea;color:#60717b}:root[data-theme='light'] .auth-art{background:linear-gradient(145deg,#dceff4,#f8fbfc);color:#16232b}:root[data-theme='light'] .auth-art p{color:#526873}:root[data-theme='light'] .auth-box{background:#ffffff;border:1px solid #dbe5ea;box-shadow:0 18px 45px rgba(37,72,86,.1);padding:30px}:root[data-theme='light'] .input{background:#fbfdfe;color:#16232b;border-color:#cbd6dd}:root[data-theme='light'] .input:focus{border-color:#087ebd;box-shadow:0 0 0 3px rgba(8,126,189,.12)}:root[data-theme='light'] .secondary{background:#ffffff}:root[data-theme='light'] .panel,.theme-toggle{box-shadow:0 8px 24px rgba(37,72,86,.06)}:root[data-theme='light'] .job-card,.theme-toggle{background:#ffffff}:root[data-theme='light'] .footer{background:#ffffff;border-top-color:#dbe5ea}@media(max-width:800px){:root[data-theme='light'] .guest-header{box-shadow:0 3px 12px rgba(25,55,70,.06)}:root[data-theme='light'] .auth-box{padding:22px}}