:root{--bg:#f6f8fc;--surface:#fff;--ink:#111827;--muted:#667085;--line:#e5e7eb;--accent:#6957f5;--accent2:#2f80ed;--dark:#0c1220;--ok:#0f9f6e;--radius:18px;--shadow:0 18px 48px rgba(16,24,40,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.hidden{display:none!important}.header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.topbar{max-width:1440px;margin:auto;display:flex;align-items:center;gap:18px;padding:12px clamp(16px,4vw,56px)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;white-space:nowrap}.mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2));font-weight:900}.nav{display:flex;align-items:center;gap:16px;margin-left:auto;font-size:13px}.nav a,.nav button{border:0;background:transparent;font-weight:700;color:#344054;cursor:pointer}.nav a:hover,.nav button:hover{color:var(--accent)}.lang{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px}.lang button{padding:5px 7px;border-radius:999px}.lang button.active{background:#efeefe;color:var(--accent)}.auth{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:11px;padding:10px 14px;font-weight:800;cursor:pointer}.btn.primary{background:var(--accent);color:#fff}.btn.secondary{background:#fff;border-color:var(--line);color:#344054}.btn.dark{background:#111827;color:#fff}.hero{max-width:1340px;margin:auto;padding:78px clamp(20px,5vw,72px) 56px;display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center}.eyebrow,.kicker{font-size:11px;letter-spacing:.15em;font-weight:900;color:var(--accent)}.hero h1{font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:16px 0}.hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:760px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-card{background:var(--dark);color:#fff;border-radius:28px;padding:26px;box-shadow:0 30px 80px rgba(12,18,32,.24)}.hero-card h3{margin:0 0 15px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{background:#151d2f;border:1px solid #26324b;border-radius:15px;padding:17px}.stat strong{display:block;font-size:27px}.stat span{font-size:12px;color:#98a2b3}.section{max-width:1340px;margin:auto;padding:72px clamp(20px,5vw,72px)}.section.dark{max-width:none;background:var(--dark);color:#fff;padding-left:max(clamp(20px,5vw,72px),calc((100vw - 1340px)/2 + 72px));padding-right:max(clamp(20px,5vw,72px),calc((100vw - 1340px)/2 + 72px))}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;margin:9px 0}.section-head p{max-width:760px;color:var(--muted);line-height:1.6}.dark .section-head p{color:#98a2b3}.subject-grid,.course-grid,.tool-grid,.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.subject-card,.course-card,.tool-card,.roadmap-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.subject-card{cursor:pointer;transition:.18s}.subject-card:hover,.course-card:hover{transform:translateY(-2px);border-color:#c9c3ff}.subject-card h3,.course-card h3{margin:10px 0 7px}.subject-card p,.course-card p,.roadmap-card p{color:var(--muted);font-size:14px;line-height:1.55}.course-card{display:flex;flex-direction:column;min-height:270px}.course-top{display:flex;justify-content:space-between;gap:8px}.tag{font-size:10px;font-weight:900;letter-spacing:.08em;color:#5748d8;background:#f0eeff;border-radius:999px;padding:6px 9px}.badge{font-size:11px;color:#667085}.course-card p{flex:1}.course-actions{display:flex;gap:8px;flex-wrap:wrap}.course-actions .btn{font-size:12px}.tool-grid{grid-template-columns:repeat(4,1fr)}.tool-card{background:#151d2f;border-color:#26324b}.tool-card h3{margin:10px 0;color:#fff}.tool-card p{color:#98a2b3;font-size:13px;line-height:1.55}.icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#222d44;color:#bdb8ff;font-weight:900}.filter{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;cursor:pointer;font-size:12px;font-weight:700}.chip.active{background:#111827;color:#fff;border-color:#111827}.achievement{background:linear-gradient(135deg,#f5f3ff,#fff);border:1px solid #d8d3ff;border-radius:24px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.certificate{background:#fff;border:8px double #dad5ff;border-radius:10px;padding:28px;text-align:center}.certificate small{color:var(--muted)}.certificate h3{font-size:26px;margin:14px 0}.roadmap-grid{grid-template-columns:repeat(4,1fr)}.status{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.08em;border-radius:999px;padding:6px 9px;background:#eef2f6;color:#475467}.status.current{background:#ecfdf3;color:#067647}.notice{border-left:4px solid var(--accent);padding:14px 16px;background:#f7f5ff;border-radius:9px;color:#475467;line-height:1.55}.footer{background:#080d17;color:#d0d5dd;padding:34px clamp(20px,5vw,72px);display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.footer p{font-size:11px;color:#7f8a9f;max-width:720px}.footer-links{display:flex;gap:14px;font-size:12px}.modal{position:fixed;inset:0;z-index:100;background:rgba(8,13,23,.65);display:grid;place-items:center;padding:20px}.modal-card{width:min(440px,100%);background:#fff;border-radius:20px;padding:25px;position:relative}.close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer}.tabs{display:flex;gap:7px;margin-bottom:18px}.tab{flex:1;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px;cursor:pointer}.tab.active{background:#f0eeff;color:#5748d8}.field{display:grid;gap:6px;margin:12px 0}.field label{font-size:12px;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid #d0d5dd;border-radius:9px;padding:11px}.course-shell{max-width:1200px;margin:auto;padding:50px clamp(18px,5vw,60px)}.course-header{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}.lesson-list{margin-top:20px;display:grid;gap:12px}.lesson{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.lesson-content{color:#475467;line-height:1.7;white-space:pre-wrap}.test-shell{max-width:900px;margin:auto;padding:40px 18px}.question-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.option{display:block;border:1px solid var(--line);border-radius:10px;padding:11px;margin:9px 0;cursor:pointer}.option:hover{background:#f8f7ff}.result-box{margin-top:18px;padding:18px;border-radius:14px;background:#fff;border:1px solid var(--line)}.menu-btn{display:none;border:0;background:transparent;font-size:22px}.dynamic-menu{display:flex;gap:15px;align-items:center}.dynamic-menu .dropdown{position:relative}.dynamic-menu .dropdown-panel{display:none;position:absolute;top:100%;left:0;min-width:220px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px}.dynamic-menu .dropdown:hover .dropdown-panel{display:grid}.dynamic-menu .dropdown-panel a{padding:9px;border-radius:8px}.dynamic-menu .dropdown-panel a:hover{background:#f5f3ff}.skeleton{min-height:180px;background:linear-gradient(90deg,#f4f5f7,#fff,#f4f5f7);background-size:200% 100%;animation:sk 1.2s infinite;border-radius:18px}@keyframes sk{to{background-position:-200% 0}}@media(max-width:1050px){.nav{display:none;position:absolute;top:62px;left:14px;right:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.nav.open{display:flex}.menu-btn{display:block;margin-left:auto}.dynamic-menu{flex-direction:column;align-items:stretch}.hero{grid-template-columns:1fr}.subject-grid,.course-grid{grid-template-columns:1fr 1fr}.tool-grid,.roadmap-grid{grid-template-columns:1fr 1fr}.achievement{grid-template-columns:1fr}}@media(max-width:650px){.brand span:last-child{display:none}.auth .btn{padding:8px 9px;font-size:11px}.subject-grid,.course-grid,.tool-grid,.roadmap-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.hero h1{font-size:45px}.footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}

.course-cover{width:100%;height:150px;object-fit:cover;border-radius:12px;margin-bottom:14px;background:#eef2f6}

.donation-home{padding-top:54px}.donation-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(135deg,#edfdf7,#fff);border:1px solid #bfe9d7;border-radius:22px;padding:24px}.donation-cta strong{font-size:22px}.donation-cta p{color:var(--muted);line-height:1.6;max-width:800px;margin-bottom:0}
.donation-hero{max-width:1340px;margin:auto;padding:72px clamp(20px,5vw,72px) 34px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.donation-hero h1{font-size:clamp(40px,6vw,68px);line-height:1;letter-spacing:-.05em;margin:14px 0}.donation-hero p{color:var(--muted);font-size:17px;line-height:1.7}.direct-route-box{background:#0c1220;color:#fff;border-radius:22px;padding:24px}.direct-route-box strong{font-size:22px}.direct-route-box p{color:#aab3c2;font-size:14px;margin-bottom:0}
.donation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.donation-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:18px;display:grid;grid-template-columns:88px 1fr;gap:18px}.donation-logo{width:88px;height:88px;object-fit:contain;border:1px solid var(--line);border-radius:15px;background:#fff}.donation-logo-fallback{display:grid;place-items:center;font-size:30px;color:#d24868;background:#fff5f7}.donation-card h3{font-size:22px;margin:10px 0 7px}.donation-card p{color:var(--muted);line-height:1.6}.donation-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.charity-number{font-size:12px;color:#475467;background:#f8fafc;border-radius:8px;padding:8px 10px}.donation-route-note{display:block;margin-top:10px;color:#667085}.donation-legal-note{margin-top:24px;border-left:4px solid #16a36a;background:#f0fdf6;border-radius:10px;padding:16px}.donation-legal-note p{color:#475467;line-height:1.6;margin-bottom:0}
@media(max-width:800px){.donation-hero,.donation-grid{grid-template-columns:1fr}.donation-cta{align-items:flex-start;flex-direction:column}.donation-page-nav{margin-left:auto!important}}
@media(max-width:520px){.donation-card{grid-template-columns:1fr}.donation-logo{width:72px;height:72px}}


/* v6 learning account, paid certificate and AdSense-safe public content styles */
.brand small{display:block;font-size:9px;font-weight:700;color:var(--muted);letter-spacing:.02em}.ad-shell{max-width:1180px;min-height:90px;margin:18px auto;padding:8px 18px}.ad-label{text-align:center;text-transform:uppercase;letter-spacing:.14em;font-size:9px;color:#98a2b3;margin-bottom:6px}.section.compact{padding-top:32px;padding-bottom:32px}.certificate-cta{background:#f4b942;color:#171717;border:1px solid #db9f24}.profile-card{max-width:620px;margin-top:20px;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:16px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.data-table th,.data-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#f8fafc}.btn.small{padding:7px 9px;font-size:11px}.certificate-list{display:grid;gap:10px}.certificate-row{display:flex;gap:12px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;flex-wrap:wrap}.price-box{display:flex;align-items:baseline;gap:12px;margin:18px 0}.price-box strong{font-size:38px}.price-box span{color:var(--muted)}.purchase-consent{max-width:760px;margin:14px 0;line-height:1.55}.cert-benefits{grid-template-columns:repeat(3,1fr)}
.certificate-page{background:#eef1f6}.certificate-actions{max-width:1120px;margin:18px auto;display:flex;justify-content:flex-end;gap:8px;padding:0 18px}.print-certificate{position:relative;max-width:1120px;min-height:750px;margin:0 auto 40px;background:#fff;border:14px solid #111827;outline:2px solid #b9913f;outline-offset:-24px;padding:80px 90px;text-align:center;box-shadow:var(--shadow)}.certificate-seal{width:92px;height:92px;border:2px solid #b9913f;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;font-weight:900;font-size:28px;letter-spacing:.08em}.certificate-brand{font-size:18px;font-weight:900;letter-spacing:.2em}.certificate-subbrand{margin-top:6px;color:#667085;letter-spacing:.08em}.print-certificate h1{font-family:Georgia,serif;font-size:54px;font-weight:500;margin:42px 0 28px}.certificate-lead{color:#667085;font-size:17px}.certificate-name{font-family:Georgia,serif;font-size:42px;border-bottom:1px solid #b9913f;display:inline-block;min-width:65%;padding:8px 30px 12px}.certificate-course{font-size:26px;font-weight:800;margin:20px auto;max-width:820px}.certificate-metrics{display:flex;justify-content:center;gap:70px;margin:42px 0}.certificate-metrics div{display:grid;gap:6px}.certificate-metrics span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#667085}.certificate-metrics b{font-size:18px}.certificate-code{margin-top:36px;font-size:13px}.certificate-disclaimer{font-size:10px;line-height:1.5;color:#667085;max-width:860px;margin:45px auto 0}.legal-copy{line-height:1.75;color:#344054}.legal-copy h2{margin-top:28px}.legal-copy li{margin:7px 0}
@media(max-width:760px){.cert-benefits{grid-template-columns:1fr}.print-certificate{padding:55px 28px;border-width:9px;min-height:auto}.print-certificate h1{font-size:38px}.certificate-name{font-size:30px;min-width:90%}.certificate-metrics{gap:25px;flex-direction:column}.certificate-actions{justify-content:center}}
@media print{body.certificate-page{background:#fff}.certificate-actions{display:none}.print-certificate{box-shadow:none;margin:0;max-width:none;width:100%;min-height:100vh;page-break-inside:avoid}.ad-shell{display:none!important}}

/* Skillerious Talent v7 */
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:24px}.price-card{background:var(--panel,#fff);border:1px solid rgba(128,128,128,.25);border-radius:18px;padding:28px}.price-card.featured{transform:translateY(-4px);box-shadow:0 18px 45px rgba(0,0,0,.12)}.price{font-size:2.5rem;font-weight:800;margin:12px 0}.price small{font-size:1rem;font-weight:500}.form-panel{background:var(--panel,#fff);border:1px solid rgba(128,128,128,.2);border-radius:18px;padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field.full{grid-column:1/-1}.field textarea{width:100%}.search-row{display:flex;gap:10px;margin:18px 0}.search-row input{flex:1}.profile-public{max-width:1050px;margin:auto}.profile-columns{display:grid;grid-template-columns:2fr 1fr;gap:36px}.skill-cloud{display:flex;gap:8px;flex-wrap:wrap}.compact{padding-left:0;padding-right:0}@media(max-width:720px){.form-grid,.profile-columns{grid-template-columns:1fr}.field.full{grid-column:auto}.search-row{flex-direction:column}}

/* Skillerious Talent v8 — jobs, external credentials and recruiting dashboards */
.compact-hero{padding-top:48px;padding-bottom:28px}.meter{height:12px;background:#253047;border-radius:999px;overflow:hidden;margin:14px 0 8px}.meter>div{height:100%;background:linear-gradient(90deg,#8b7cff,#5fd0ff);border-radius:999px;transition:width .25s}.small{font-size:12px;color:var(--muted)}.repeat-list{display:grid;gap:12px}.repeat-item{border:1px solid var(--line);background:#fbfcfe;border-radius:14px;padding:14px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.actions,.record-actions,.dashboard-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mini-record{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.mini-record:last-child{border-bottom:0}.mini-record>div:first-child{display:grid;gap:5px;min-width:0}.mini-record strong{font-size:15px}.mini-record small{color:var(--muted);display:block}.mini-record.unread{background:#faf9ff;margin:0 -12px;padding:14px 12px;border-left:3px solid var(--accent)}.pill{display:inline-flex;width:max-content;border-radius:999px;background:#eef2f6;color:#475467;padding:5px 8px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.pill.live{background:#ecfdf3;color:#067647}.btn.danger{background:#fff;border-color:#f1b7b7;color:#b42318}.dashboard-section{margin-top:34px}.dashboard-actions{margin:22px 0}.talent-stats{grid-template-columns:repeat(5,1fr);margin-top:20px}.talent-stats .stat{background:#fff;border-color:var(--line);color:var(--ink)}.talent-stats .stat span{color:var(--muted)}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.search-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;gap:10px;margin:18px 0}.search-grid input,.search-grid select,.small-select{border:1px solid #d0d5dd;border-radius:9px;padding:10px;background:#fff}.jobs-search{grid-template-columns:2fr 1fr auto}.profile-photo{width:96px;height:96px;object-fit:cover;border-radius:22px;float:right;margin-left:20px;border:1px solid var(--line)}.timeline{display:grid;gap:10px}.timeline article{border-left:3px solid #d8d3ff;padding:4px 0 4px 14px}.timeline article small{display:block;color:var(--muted);margin-top:3px}.timeline article p{margin:6px 0 0}.job-card{min-height:360px}.job-meta{font-weight:700;color:#475467}.job-detail{max-width:980px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px}.job-detail h1{font-size:clamp(34px,5vw,58px);letter-spacing:-.04em;margin:12px 0}.job-detail h2{font-size:24px;margin:0 0 12px}.job-description{line-height:1.75;color:#344054;margin:28px 0;white-space:normal}.page-head{display:flex;justify-content:space-between;gap:18px;align-items:end}.page-head h1{font-size:clamp(36px,5vw,58px);letter-spacing:-.045em;margin:8px 0}.page-head p{color:var(--muted);max-width:760px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.check{display:flex;align-items:flex-start;gap:8px;margin:10px 0;font-size:13px;line-height:1.45}.check input{margin-top:2px}.record-actions select{max-width:145px}
@media(max-width:980px){.talent-stats{grid-template-columns:repeat(2,1fr)}.search-grid,.jobs-search{grid-template-columns:1fr 1fr}.search-grid .btn,.jobs-search .btn{grid-column:1/-1}.grid3{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.grid2,.grid3,.status-grid,.search-grid,.jobs-search{grid-template-columns:1fr}.mini-record{align-items:flex-start;flex-direction:column}.talent-stats{grid-template-columns:1fr 1fr}.profile-photo{float:none;margin:0 0 18px}.page-head{align-items:flex-start;flex-direction:column}}

/* v10 Career & Skills Finder */
.finder-hero{max-width:1180px;margin:auto}.finder-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin:26px 0 12px}.finder-search input,.finder-filters select{border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px 15px;font:inherit}.finder-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.finder-notice{margin-top:18px}.finder-summary{margin:20px 0 0;color:var(--muted)}.finder-summary b{font-size:28px;color:var(--ink);margin-right:6px}.career-match-row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.finder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.finder-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;min-height:390px}.finder-card-top{display:flex;gap:7px;flex-wrap:wrap}.finder-card h3{font-size:20px;margin:14px 0 4px}.finder-category{font-size:12px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.finder-card>p:not(.finder-category){color:var(--muted);line-height:1.55}.skill-chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f2f4f7;color:#344054;font-size:11px}.finder-cert{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;font-size:12px;line-height:1.55}.finder-cert span,.finder-cert small{display:block;color:var(--muted);margin-top:3px}.finder-card .actions{margin-top:14px}.assessment-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:18px 0}.assessment-metric{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px}.assessment-metric strong{display:block;font-size:22px;margin-top:4px}.question-style{margin-left:5px;color:var(--muted)}
@media(max-width:900px){.finder-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.finder-grid,.finder-filters,.finder-search{grid-template-columns:1fr}.finder-search .btn{width:100%}}
.finder-tests{margin-top:14px;font-size:12px}.finder-tests b{display:block;margin-bottom:7px}.finder-tests .skill-chip{margin:0 4px 4px 0}


/* v11 Skillerious Career Adviser */
.adviser-hero{background:linear-gradient(135deg,rgba(99,102,241,.10),rgba(14,165,233,.06));}
.adviser-question{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:stretch;margin-top:22px}.adviser-question textarea{min-height:76px;resize:vertical;border:1px solid var(--line);border-radius:16px;padding:16px;font:inherit;background:var(--card);color:var(--text)}.adviser-question .btn{min-width:190px}.adviser-examples{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.adviser-notice{margin-top:18px}.adviser-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.adviser-summary>div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}.adviser-summary strong{display:block;font-size:1.55rem}.adviser-summary span{color:var(--muted);font-size:.9rem}.path-title{margin-top:24px}.adviser-path{display:grid;gap:12px;margin-top:14px}.adviser-step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;position:relative}.adviser-step.completed{border-color:rgba(34,197,94,.5)}.adviser-step.available{border-color:rgba(59,130,246,.45)}.adviser-step.missing{border-style:dashed}.step-number{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--soft)}.step-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.step-head h3{margin:0;margin-right:auto}.step-body p{margin:7px 0;color:var(--muted)}.step-body small{display:block;color:var(--muted);margin-top:4px}.broader-block{margin-top:34px}.demand-btn:disabled{opacity:.75}.adviser-answer .section-head{align-items:flex-start}
@media(max-width:760px){.adviser-question{grid-template-columns:1fr}.adviser-question .btn{width:100%}.adviser-summary{grid-template-columns:repeat(2,1fr)}.adviser-step{grid-template-columns:38px minmax(0,1fr)}.step-number{width:34px;height:34px}}


/* Skillerious v13 visual refresh */
:root{
  --bg:#f7f8ff;
  --surface:#ffffff;
  --ink:#12162a;
  --muted:#667085;
  --line:#e5e8f2;
  --accent:#6d4df6;
  --accent2:#2f80ed;
  --teal:#12b8a6;
  --coral:#ff7a59;
  --gold:#f5b83f;
  --rose:#e85d9e;
  --dark:#101426;
  --shadow:0 20px 55px rgba(35,42,82,.11);
}
body{
  background:
    radial-gradient(circle at 5% 3%,rgba(109,77,246,.10),transparent 28rem),
    radial-gradient(circle at 94% 13%,rgba(18,184,166,.09),transparent 30rem),
    linear-gradient(180deg,#fbfbff 0%,#f7f8ff 45%,#f9fbff 100%);
}
.header{background:rgba(255,255,255,.88);box-shadow:0 8px 35px rgba(24,31,72,.06)}
.brand{gap:11px}.brand>span:last-child{display:grid;line-height:1.02}.brand-name{font-size:17px;letter-spacing:-.025em;background:linear-gradient(90deg,#3929a8,#684df5 45%,#148fa8);-webkit-background-clip:text;background-clip:text;color:transparent}.brand small{margin-top:4px;font-size:9px;font-weight:750;color:#8991a7;letter-spacing:.02em}.mark{width:40px;height:40px;border-radius:13px;font-size:11px;letter-spacing:-.05em;background:linear-gradient(135deg,#6d4df6 0%,#2f80ed 52%,#12b8a6 100%);box-shadow:0 10px 24px rgba(75,84,225,.28)}
.btn{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#6d4df6,#426cf0 52%,#168fae);box-shadow:0 10px 24px rgba(79,70,229,.22)}.btn.primary:hover{box-shadow:0 14px 30px rgba(79,70,229,.30)}.btn.secondary:hover{border-color:#c8c1ff;background:#fbfaff}
.hero{position:relative}.hero:before{content:"";position:absolute;inset:28px 18px 15px;border-radius:42px;background:linear-gradient(135deg,rgba(109,77,246,.055),rgba(47,128,237,.035) 48%,rgba(18,184,166,.055));z-index:-1}.hero h1{background:linear-gradient(105deg,#13172b 0%,#2b2e58 58%,#4d39c7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow,.kicker{background:linear-gradient(90deg,#6648ec,#2f80ed,#0e9c8d);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-card{background:linear-gradient(145deg,#0f1428,#17213c 58%,#132b3a);border:1px solid rgba(130,147,210,.22);position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;top:-110px;background:radial-gradient(circle,rgba(109,77,246,.42),transparent 68%)}.hero-card>*{position:relative}.stat{transition:transform .18s ease,border-color .18s ease;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.10)}.stat:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.25)}.stat:nth-child(1){background:linear-gradient(145deg,rgba(109,77,246,.22),rgba(255,255,255,.045))}.stat:nth-child(2){background:linear-gradient(145deg,rgba(47,128,237,.22),rgba(255,255,255,.045))}.stat:nth-child(3){background:linear-gradient(145deg,rgba(18,184,166,.22),rgba(255,255,255,.045))}.stat:nth-child(4){background:linear-gradient(145deg,rgba(255,122,89,.20),rgba(255,255,255,.045))}.stat span{color:#c2c9d8}
.section.tint-blue,.section.tint-teal,.section.tint-warm,.section.tint-violet{border-radius:34px;margin-top:20px;margin-bottom:20px;box-shadow:inset 0 0 0 1px rgba(125,138,190,.08)}.section.tint-blue{background:linear-gradient(135deg,rgba(47,128,237,.055),rgba(255,255,255,.45))}.section.tint-teal{background:linear-gradient(135deg,rgba(18,184,166,.065),rgba(255,255,255,.48))}.section.tint-warm{background:linear-gradient(135deg,rgba(255,122,89,.060),rgba(245,184,63,.045),rgba(255,255,255,.48))}.section.tint-violet{background:linear-gradient(135deg,rgba(109,77,246,.060),rgba(232,93,158,.035),rgba(255,255,255,.48))}
.subject-card,.course-card,.roadmap-card,.price-card,.card,.course-header,.lesson,.job-detail,.finder-card{box-shadow:0 12px 32px rgba(31,41,85,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.subject-card:before,.course-card:before,.price-card:before,.finder-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#6d4df6,#2f80ed,#12b8a6)}.subject-card:nth-child(4n+2):before,.finder-card:nth-child(4n+2):before{background:linear-gradient(90deg,#2f80ed,#12b8a6)}.subject-card:nth-child(4n+3):before,.finder-card:nth-child(4n+3):before{background:linear-gradient(90deg,#12b8a6,#f5b83f)}.subject-card:nth-child(4n+4):before,.finder-card:nth-child(4n+4):before{background:linear-gradient(90deg,#ff7a59,#e85d9e)}.subject-card:hover,.course-card:hover,.price-card:hover,.finder-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(35,42,82,.10)}
.tag{background:linear-gradient(135deg,#f0edff,#edf7ff);color:#5440ce}.chip.active{background:linear-gradient(135deg,#171b31,#303758)}
.tool-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#151b31,#17233b);border-color:#293551;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.tool-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#6d4df6}.tool-card:nth-child(4n+2):before{background:#2f80ed}.tool-card:nth-child(4n+3):before{background:#12b8a6}.tool-card:nth-child(4n+4):before{background:#ff7a59}.tool-card:hover{transform:translateY(-3px);border-color:#40506f;box-shadow:0 18px 38px rgba(7,12,30,.18)}.tool-card:nth-child(4n+1) .icon{background:rgba(109,77,246,.18);color:#c7beff}.tool-card:nth-child(4n+2) .icon{background:rgba(47,128,237,.18);color:#a9d1ff}.tool-card:nth-child(4n+3) .icon{background:rgba(18,184,166,.18);color:#9ae8dd}.tool-card:nth-child(4n+4) .icon{background:rgba(255,122,89,.18);color:#ffc0af}
.price-card.featured{border-color:rgba(109,77,246,.35);background:linear-gradient(145deg,#fff,#f7f5ff)}.price{background:linear-gradient(90deg,#5f45e8,#267edb,#0f9b8d);-webkit-background-clip:text;background-clip:text;color:transparent}
.achievement{background:linear-gradient(135deg,#f4f1ff,#f1f9ff 45%,#effcf9);border-color:#d5d8ff}.certificate{border-color:#cfc8ff;background:linear-gradient(145deg,#fff,#fbfaff)}
.notice{border-left-color:#6d4df6;background:linear-gradient(90deg,#f5f2ff,#fbfbff)}
.auth-explainer{font-size:12px;line-height:1.55;color:#5f6780;background:linear-gradient(135deg,#f5f2ff,#eef9ff);border:1px solid #e4e2f8;border-radius:12px;padding:11px 12px;margin:-4px 0 14px}.login-purpose{margin:0 0 10px;line-height:1.5}.modal-card{box-shadow:0 30px 90px rgba(19,24,53,.28);border:1px solid #eaebf3}.tab.active{background:linear-gradient(135deg,#f0edff,#edf8ff);color:#513bd1;border-color:#d8d2ff}
.footer{background:linear-gradient(135deg,#080d19,#10172b 52%,#0b2630);grid-template-columns:auto 1fr auto}.footer .copyright{grid-column:1/-1;margin:0;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);max-width:none;color:#8f9ab0;font-size:11px}.footer-links a:hover{color:#fff}
.account-flow{margin-bottom:18px}
@media(max-width:650px){.brand-name{font-size:16px}.brand small{display:none}.mark{width:38px;height:38px}.hero:before{inset:18px 8px 8px}.section.tint-blue,.section.tint-teal,.section.tint-warm,.section.tint-violet{border-radius:24px;margin-left:8px;margin-right:8px}.footer{grid-template-columns:1fr}}


/* Skillerious v14 — profiles, employer pricing, Career Bot and vertical subjects */
:root{--card:var(--surface);--text:var(--ink);--soft:#f2f4ff}
/* consistent coloured nuances across public pages */
.course-shell>.course-header,.course-shell>.section,.compact-hero,.page-head,.profile-public,.dashboard-section,.form-panel,.job-detail,.result-box,.profile-card{
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(245,246,255,.95) 52%,rgba(238,250,249,.72));
  border:1px solid rgba(111,102,210,.13);box-shadow:0 16px 42px rgba(35,42,82,.075)
}
main>.section:not(.dark):not(.compact-hero){position:relative}
main>.section:not(.dark):not(.compact-hero):nth-of-type(3n+1){background:linear-gradient(135deg,rgba(109,77,246,.048),rgba(255,255,255,.50))}
main>.section:not(.dark):not(.compact-hero):nth-of-type(3n+2){background:linear-gradient(135deg,rgba(47,128,237,.045),rgba(18,184,166,.035),rgba(255,255,255,.52))}
main>.section:not(.dark):not(.compact-hero):nth-of-type(3n){background:linear-gradient(135deg,rgba(255,122,89,.038),rgba(232,93,158,.028),rgba(255,255,255,.54))}
.course-shell{position:relative}.course-shell:before{content:"";position:fixed;inset:70px 0 0;z-index:-2;background:radial-gradient(circle at 15% 18%,rgba(109,77,246,.07),transparent 28rem),radial-gradient(circle at 85% 32%,rgba(18,184,166,.06),transparent 26rem)}

/* Hero profile / employer previews */
.hero-side-stack{display:grid;gap:16px}.profile-preview-card,.employer-preview-card{border-radius:26px;padding:23px;box-shadow:0 24px 65px rgba(27,35,79,.14);border:1px solid rgba(109,77,246,.16)}
.profile-preview-card{background:linear-gradient(145deg,#fff 0%,#f4f1ff 56%,#eefbfa 100%)}
.profile-preview-label,.employer-kicker,.pricing-badge{font-size:10px;letter-spacing:.12em;font-weight:900;color:#6047db}
.profile-preview-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:15px 0}.profile-preview-head h3{margin:0;font-size:20px}.profile-preview-head p{margin:3px 0 0;font-size:12px;color:var(--muted)}
.profile-avatar{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,#6d4df6,#2f80ed,#12b8a6);box-shadow:0 10px 22px rgba(91,76,223,.24)}
.profile-status{font-size:10px;font-weight:900;color:#08785e;background:#e7fbf5;border:1px solid #b8ebde;padding:5px 8px;border-radius:999px}
.profile-preview-skills{display:flex;gap:6px;flex-wrap:wrap}.profile-preview-skills span{font-size:10px;font-weight:800;padding:6px 8px;border-radius:999px;background:#fff;border:1px solid #e4e2f5;color:#4c5570}
.profile-preview-proof{display:grid;gap:3px;margin:14px 0;padding:12px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid rgba(109,77,246,.12)}.profile-preview-proof b{font-size:12px;color:#4d3bc5}.profile-preview-proof span{font-size:11px;color:var(--muted)}
.profile-preview-price{display:flex;align-items:baseline;gap:10px;margin:15px 0}.profile-preview-price strong{font-size:19px;color:#11162a;background:linear-gradient(90deg,#6147e7,#287ddc,#109689);-webkit-background-clip:text;background-clip:text;color:transparent}.profile-preview-price span{font-size:11px;color:var(--muted)}
.employer-preview-card{background:linear-gradient(145deg,#11162a,#18243f 58%,#12313b);color:#fff;border-color:rgba(104,142,204,.22)}.employer-preview-card h3{margin:8px 0;font-size:20px}.employer-preview-card p{font-size:12px;line-height:1.55;color:#b8c2d4}.employer-kicker{color:#aeb8ff}
.employer-price-row,.dual-price{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.employer-price-row>div,.dual-price>div{position:relative;border-radius:14px;padding:12px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.11)}.employer-price-row strong,.dual-price strong{display:block;font-size:23px}.employer-price-row span,.dual-price span{font-size:11px;color:#b6c0d2}.best-plan,.dual-price .annual{border-color:rgba(18,184,166,.46)!important}.best-plan small,.dual-price .annual small{position:absolute;right:7px;top:7px;font-size:8px;font-weight:900;color:#8cf0df;background:rgba(18,184,166,.16);border-radius:999px;padding:3px 5px}

/* Career Bot prominence */
.bot-cta{letter-spacing:.035em;background:linear-gradient(115deg,#6d4df6,#2f80ed 48%,#12b8a6)!important;box-shadow:0 14px 34px rgba(73,83,223,.30)!important}.bot-cta:hover{transform:translateY(-2px) scale(1.01)}
.career-bot-banner{max-width:1260px;margin:4px auto 30px;padding:25px 28px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;border-radius:27px;background:linear-gradient(115deg,#15172f 0%,#1c2850 45%,#123f49 100%);color:#fff;box-shadow:0 26px 66px rgba(23,31,71,.20);border:1px solid rgba(137,153,218,.22)}
.bot-orb{width:76px;height:76px;border-radius:23px;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 25% 20%,#9d8aff,#6d4df6 42%,#2f80ed 72%,#12b8a6);color:#fff;box-shadow:0 13px 32px rgba(84,75,223,.36);border:1px solid rgba(255,255,255,.24)}.bot-orb span{font-size:12px;font-weight:900;letter-spacing:.06em}.bot-orb b{font-size:20px;letter-spacing:.08em}.bot-copy h2{margin:5px 0 6px;font-size:clamp(23px,3vw,35px);letter-spacing:-.035em}.bot-copy p{margin:0;color:#bfc9da;line-height:1.55;font-size:13px}.bot-copy .kicker{color:#b9b0ff;background:none;-webkit-text-fill-color:initial}.bot-cta-large{white-space:nowrap;padding:14px 18px}
.bot-hero{position:relative;overflow:hidden}.bot-hero:after{content:"";position:absolute;width:360px;height:360px;right:-160px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(109,77,246,.20),transparent 67%);pointer-events:none}.career-bot-identity{position:relative;z-index:1;display:flex;gap:14px;align-items:center;padding:13px 15px;margin-bottom:18px;border-radius:18px;background:linear-gradient(135deg,rgba(109,77,246,.08),rgba(47,128,237,.06),rgba(18,184,166,.05));border:1px solid rgba(109,77,246,.14)}.career-bot-identity .bot-orb{width:54px;height:54px;border-radius:17px}.career-bot-identity .bot-orb b{font-size:15px}.career-bot-identity strong,.career-bot-identity small{display:block}.career-bot-identity small{margin-top:3px;color:var(--muted);font-size:11px}

/* Vertical Subjects rail */
.catalog-section{max-width:1340px}.catalog-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:24px;align-items:start}.subjects-sidebar{position:sticky;top:86px;border-radius:22px;padding:18px;background:linear-gradient(160deg,#14182e,#1a2541 58%,#12353f);color:#fff;border:1px solid rgba(119,139,205,.20);box-shadow:0 18px 46px rgba(24,31,70,.16)}.subjects-sidebar-head{padding:5px 7px 13px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:11px}.subjects-sidebar-head .kicker{color:#bdb5ff;background:none;-webkit-text-fill-color:initial}.subjects-sidebar-head h3{margin:5px 0;font-size:20px}.subjects-sidebar-head p{margin:0;color:#aeb9ca;font-size:11px}.subject-side-list{display:grid;gap:6px}.subject-side-btn{width:100%;border:1px solid transparent;background:transparent;color:#e8ecf5;border-radius:12px;padding:10px 11px;display:flex;justify-content:space-between;gap:9px;align-items:center;text-align:left;cursor:pointer;font-weight:800;font-size:12px}.subject-side-btn small{min-width:25px;text-align:center;border-radius:999px;padding:3px 6px;background:rgba(255,255,255,.08);color:#aeb9ca;font-size:9px}.subject-side-btn:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.08)}.subject-side-btn.active{background:linear-gradient(110deg,rgba(109,77,246,.58),rgba(47,128,237,.45),rgba(18,184,166,.35));border-color:rgba(255,255,255,.16);color:#fff}.subject-side-btn.active small{background:rgba(255,255,255,.18);color:#fff}.catalog-main .course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-course-filter{display:none}

/* Pricing emphasis */
.profile-employer-pricing{grid-template-columns:repeat(2,minmax(0,1fr))}.candidate-price-card{background:linear-gradient(145deg,#fff,#f5f2ff 60%,#eefbfa)}.employer-price-card{background:linear-gradient(145deg,#11162a,#192443 58%,#113943)!important;color:#fff!important}.employer-price-card p,.employer-price-card li{color:#c3ccda}.pricing-badge{display:inline-flex;width:max-content;padding:6px 8px;border-radius:999px;background:#f0edff;border:1px solid #ddd7ff}.employer-badge{background:rgba(109,77,246,.17);border-color:rgba(255,255,255,.12);color:#c7c0ff}.price-once{font-size:30px!important;font-weight:950}.price-once small{display:inline-block;font-size:11px;font-weight:950;color:#5d43db;background:#f0edff;border:1px solid #ddd7ff;padding:6px 8px;border-radius:999px;vertical-align:middle}.price-features{margin:14px 0 19px;padding-left:18px;display:grid;gap:7px;color:#5f6780;font-size:12px}.dual-price{margin:12px 0 17px}.dual-price>div{background:rgba(255,255,255,.07)}

/* Certificate branding */
.certificate-brand{letter-spacing:.12em}.certificate-subbrand{font-weight:800;color:#6250d9}.certificate-achievement-title{font-size:20px;font-weight:800}.certificate h3{color:#302b69}

@media(max-width:1120px){.hero{grid-template-columns:1fr}.hero-side-stack{grid-template-columns:1fr 1fr}.catalog-main .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.career-bot-banner{margin-left:20px;margin-right:20px}}
@media(max-width:900px){.catalog-layout{grid-template-columns:1fr}.subjects-sidebar{position:static;padding:15px}.subjects-sidebar-head{display:flex;align-items:center;gap:12px}.subjects-sidebar-head p{display:none}.subject-side-list{display:flex;overflow:auto;padding-bottom:3px}.subject-side-btn{width:auto;min-width:max-content}.mobile-course-filter{display:none}.career-bot-banner{grid-template-columns:auto 1fr}.career-bot-banner .bot-cta-large{grid-column:1/-1;width:100%}.profile-employer-pricing{grid-template-columns:1fr}}
@media(max-width:680px){.hero-side-stack{grid-template-columns:1fr}.career-bot-banner{grid-template-columns:1fr;text-align:center}.career-bot-banner .bot-orb{margin:auto}.bot-copy p{font-size:12px}.catalog-main .course-grid{grid-template-columns:1fr}.profile-preview-head{grid-template-columns:auto 1fr}.profile-status{grid-column:1/-1;width:max-content}.employer-price-row,.dual-price{grid-template-columns:1fr 1fr}}


/* Skillerious v15 — left Subjects widget + profile/employer hero redesign */
.career-bot-nav{position:relative;color:#5a43d5!important;font-weight:950!important}.career-bot-nav:before{content:"✦";margin-right:5px;color:#12a894}.career-bot-nav:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:3px;border-radius:9px;background:linear-gradient(90deg,#6d4df6,#2f80ed,#12b8a6)}
.home-content-layout{max-width:1510px;margin:0 auto;padding:34px 22px 14px;display:grid;grid-template-columns:255px minmax(0,1fr);gap:24px;align-items:start}
.home-content-main{min-width:0;display:grid;gap:18px}
.home-subject-widget{position:sticky;top:88px;border-radius:28px;padding:18px 14px 15px;background:linear-gradient(165deg,#ffffff 0%,#f6f3ff 45%,#eef9ff 72%,#edfbf7 100%);border:1px solid rgba(100,83,218,.17);box-shadow:0 24px 58px rgba(33,40,88,.13);overflow:hidden}
.home-subject-widget:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#6d4df6,#2f80ed 48%,#12b8a6 78%,#ff7a59)}
.home-subject-widget-head{display:flex;gap:11px;align-items:center;padding:4px 7px 13px;border-bottom:1px solid rgba(97,84,188,.11)}
.home-subject-widget-head .widget-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#6d4df6,#2f80ed,#12b8a6);color:#fff;font-weight:950;box-shadow:0 9px 22px rgba(77,74,215,.24)}
.home-subject-widget-head .kicker{font-size:9px}.home-subject-widget-head h3{font-size:17px;line-height:1.08;margin:4px 0 0;color:#1a2140}.home-subject-help{font-size:10.5px;line-height:1.45;color:#707991;margin:12px 7px 9px}
.home-subject-list{max-height:560px;overflow:auto;padding:1px 3px 2px;scrollbar-width:thin;scrollbar-color:#c9c5eb transparent}.home-subject-list .subject-side-btn{color:#3e4763;border-color:rgba(92,87,173,.06);background:rgba(255,255,255,.58);font-size:11.5px;padding:9px 9px}.home-subject-list .subject-side-btn small{background:#eef0fa;color:#7a8195}.home-subject-list .subject-side-btn:hover{background:#fff;border-color:#dcd8f7;transform:translateX(2px)}.home-subject-list .subject-side-btn.active{background:linear-gradient(115deg,#6650e9,#3b79e7 57%,#18a494);color:#fff;box-shadow:0 8px 20px rgba(70,78,210,.18)}.home-subject-list .subject-side-btn.active small{background:rgba(255,255,255,.18);color:#fff}
.subject-widget-bot-link{margin:13px 4px 0;padding:11px 10px;border-radius:14px;background:linear-gradient(135deg,#161b34,#18314a);display:grid;gap:2px}.subject-widget-bot-link span{color:#9ca8be;font-size:9px;font-weight:800}.subject-widget-bot-link a{color:#fff;font-size:11px;font-weight:950}.subject-widget-bot-link a:hover{color:#a9efe3}
.hero.hero-v15{max-width:none;margin:0;padding:48px 44px;grid-template-columns:minmax(0,1.05fr) minmax(355px,.75fr);gap:30px;align-items:center;border-radius:38px;background:linear-gradient(130deg,rgba(255,255,255,.94),rgba(245,243,255,.88) 42%,rgba(239,248,255,.88) 72%,rgba(236,251,248,.78));border:1px solid rgba(108,102,184,.10);box-shadow:0 28px 70px rgba(34,41,82,.08);overflow:hidden}
.hero.hero-v15:before{inset:auto;width:420px;height:420px;left:38%;top:-230px;border-radius:50%;background:radial-gradient(circle,rgba(109,77,246,.11),transparent 68%)}.hero.hero-v15 h1{font-size:clamp(45px,5.2vw,75px);max-width:760px}.hero.hero-v15 p{max-width:700px}
.hero-side-stack{position:relative;z-index:1}.profile-preview-v15,.employer-preview-v15{padding:20px;border-radius:24px}
.profile-preview-v15{background:linear-gradient(150deg,#ffffff 0%,#f6f3ff 48%,#effaff 72%,#eefbf7 100%);border:1px solid rgba(104,87,218,.18)}
.profile-card-topline,.employer-title-row{display:flex;justify-content:space-between;gap:8px;align-items:center}.profile-card-topline .profile-status{font-size:8px}.profile-preview-v15 .profile-preview-head{grid-template-columns:auto 1fr;margin:13px 0 11px}.profile-preview-v15 .profile-avatar{width:56px;height:56px}.profile-preview-v15 .profile-preview-head h3{font-size:21px}.profile-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.profile-mini-grid>div{padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.80);border:1px solid rgba(103,94,184,.11)}.profile-mini-grid small,.profile-mini-grid b{display:block}.profile-mini-grid small{font-size:8px;color:#8a91a4;font-weight:900;letter-spacing:.08em}.profile-mini-grid b{font-size:11px;margin-top:2px;color:#313955}.profile-payment-banner{margin:14px 0;padding:13px 14px;border-radius:16px;background:linear-gradient(115deg,#5f48e5,#3279e5 56%,#13a48f);color:#fff;display:grid;grid-template-columns:1fr auto;gap:0 11px;align-items:center;box-shadow:0 12px 28px rgba(71,77,214,.22)}.profile-payment-banner span{font-size:8px;font-weight:950;letter-spacing:.1em}.profile-payment-banner strong{font-size:28px;grid-row:1/3;grid-column:2}.profile-payment-banner b{font-size:12px}.profile-payment-banner small{grid-column:1/-1;color:#dce9ff;font-size:9px;margin-top:5px}.profile-preview-v15>.btn{width:100%}
.employer-preview-v15{background:linear-gradient(145deg,#13182f,#1b2946 55%,#123e45);border:1px solid rgba(129,154,214,.18);color:#fff}.employer-preview-v15 h3{font-size:19px;margin:8px 0 5px}.employer-preview-v15 p{margin:0;color:#bac5d8}.verified-employer-pill{font-size:8px;font-weight:950;color:#8ff0de;background:rgba(18,184,166,.13);border:1px solid rgba(18,184,166,.28);padding:5px 7px;border-radius:999px}.employer-price-v15>div{padding:10px 11px}.employer-price-v15>div>small{font-size:7px;letter-spacing:.1em;color:#93a0b8;font-weight:950}.employer-price-v15 strong{font-size:24px}.employer-price-v15 .plan-label{color:#8ff0de!important}.employer-action{width:100%;background:linear-gradient(115deg,#ffffff,#eaf6ff);color:#17223b;border:0}
.home-content-main .career-bot-banner{max-width:none;margin:0;padding:23px 26px}.home-content-main .catalog-section{max-width:none;margin:0}.catalog-layout-no-sidebar{display:block}.catalog-layout-no-sidebar .catalog-main{width:100%}.catalog-layout-no-sidebar .mobile-course-filter{display:none}.home-content-main .catalog-main .course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
/* same visual family across secondary pages */
body:not(.certificate-page) main:not(:has(.hero)){background:radial-gradient(circle at 10% 4%,rgba(109,77,246,.045),transparent 24rem),radial-gradient(circle at 88% 14%,rgba(18,184,166,.045),transparent 26rem)}
.course-shell,.test-shell{border-radius:28px}.course-header,.lesson,.question-card,.result-box,.card,.form-panel,.profile-public,.job-detail{border-color:rgba(100,92,188,.12)!important}

@media(max-width:1320px){.home-content-layout{grid-template-columns:225px minmax(0,1fr)}.hero.hero-v15{grid-template-columns:1fr 365px;padding:40px 34px}.home-content-main .catalog-main .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1080px){.home-content-layout{grid-template-columns:1fr;padding-top:18px}.home-subject-widget{position:static;padding:13px 14px}.home-subject-widget-head{border-bottom:0;padding-bottom:6px}.home-subject-help{display:none}.home-subject-list{display:flex;overflow:auto;max-height:none;padding:4px 0}.home-subject-list .subject-side-btn{min-width:max-content;width:auto}.subject-widget-bot-link{display:none}.hero.hero-v15{grid-template-columns:1fr}.hero-side-stack{grid-template-columns:1fr 1fr}.home-content-main .catalog-main .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.home-content-layout{padding-left:10px;padding-right:10px}.hero.hero-v15{padding:30px 21px;border-radius:28px}.hero.hero-v15 h1{font-size:45px}.hero-side-stack{grid-template-columns:1fr}.home-content-main .career-bot-banner{margin:0}.home-content-main .catalog-main .course-grid{grid-template-columns:1fr}.profile-payment-banner strong{font-size:24px}}

/* Skillerious v16 — final logo identity */
.brand-logo-link{gap:10px;min-width:0;align-items:center}
.brand-logo-full{display:block;width:clamp(190px,16vw,260px);height:auto;max-height:66px;object-fit:contain;object-position:left center}
.brand-operator{display:block;font-size:8px;line-height:1.1;color:#667085;font-weight:750;letter-spacing:.025em;margin-left:2px;white-space:nowrap}
.brand-mark-img{width:40px;height:40px;object-fit:contain;flex:0 0 auto}
.footer-brand .brand-name{font-size:16px}.footer-brand small{display:block;color:#7f8a9f;font-size:9px;font-weight:700}
.bot-orb-logo{padding:5px;overflow:hidden;position:relative}.bot-orb-logo img{width:42px;height:42px;object-fit:contain;display:block}.bot-orb-logo b{position:absolute;right:3px;bottom:1px;font-size:7px;letter-spacing:.05em;background:#101828;color:#fff;border-radius:999px;padding:2px 4px;box-shadow:0 3px 8px rgba(16,24,40,.22)}
.certificate-logo-mark{display:block;width:88px;height:88px;object-fit:contain;margin:0 auto 8px}.certificate-seal{display:none}
@media(max-width:1180px){.brand-logo-full{width:190px}.brand-operator{display:none}.topbar{gap:12px}.nav{gap:11px}}
@media(max-width:700px){.brand-logo-full{display:none}.brand-logo-link:before{content:"";display:block;width:44px;height:44px;background:url('skillerious-mark.png') center/contain no-repeat}.brand-operator{display:none}.footer-brand .brand-logo-full{display:none}}
@media(max-width:650px){.footer-brand>span:last-child{display:block!important}.footer-brand .brand-name{display:inline!important}}

/* =========================================================
   Skillerious v17 — production homepage matching approved mockup
   ========================================================= */
body.home-v17{
  background:
    radial-gradient(circle at 8% 12%,rgba(106,82,245,.08),transparent 25rem),
    radial-gradient(circle at 92% 18%,rgba(14,181,201,.08),transparent 28rem),
    linear-gradient(180deg,#fbfdff 0%,#f7f9ff 45%,#f4f7fb 100%);
  color:#0b1b56;
}
.header-v17{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(94,105,155,.10);
  box-shadow:0 8px 26px rgba(50,61,115,.05);
  backdrop-filter:blur(20px);
}
.topbar-v17{
  max-width:1540px;
  min-height:86px;
  padding:10px 26px;
  gap:22px;
}
.header-v17 .brand-logo-full{width:285px;max-height:70px}
.nav-v17{gap:22px;font-size:13px;margin-left:auto}
.nav-v17>a{position:relative;color:#445177;font-weight:700;padding:11px 0}
.nav-v17>a.active,.nav-v17>a:hover{color:#1717a4}
.nav-v17>a.active:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:3px;border-radius:999px;background:linear-gradient(90deg,#5c37f3,#0bb9db)}
.nav-v17 .career-bot-nav:after{display:none}
.nav-v17 .nav-search{font-size:22px;padding:5px 0}
.auth-v17{gap:10px;white-space:nowrap}
.auth-v17 .btn{min-height:44px;border-radius:12px;padding:10px 18px}
.auth-v17 .btn.primary{background:linear-gradient(100deg,#07bfd1,#4f31f3);box-shadow:0 10px 24px rgba(63,57,229,.20)}

.v17-stage{
  max-width:1540px;
  margin:0 auto;
  padding:18px 24px 36px;
  display:grid;
  grid-template-columns:238px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.v17-main{min-width:0;display:grid;gap:14px}
.v17-subjects{
  position:sticky;top:104px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(103,113,168,.13);
  border-radius:22px;
  padding:15px 12px 14px;
  box-shadow:0 14px 42px rgba(41,57,108,.09);
}
.v17-subjects-title{display:flex;align-items:center;gap:10px;padding:2px 8px 12px}
.v17-subjects-title h2{font-size:21px;margin:0;color:#10205c;letter-spacing:-.03em}
.v17-subject-icon{font-size:20px;color:#4f37f2}
.v17-subject-list{display:grid;gap:6px;max-height:510px;overflow:auto;padding:0 2px 2px}
.v17-subject-list .subject-side-btn{
  position:relative;width:100%;min-height:43px;
  display:grid;grid-template-columns:28px 1fr 12px;align-items:center;
  gap:8px;padding:8px 11px;
  border:1px solid #dce4f3;border-radius:11px;
  background:#fff;color:#233764;text-align:left;
  font-size:12px;font-weight:720;cursor:pointer;transition:.18s ease;
}
.v17-subject-list .subject-side-btn:before{content:"◇";display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#f2f5ff;color:#3b55b7;font-weight:950}
.v17-subject-list .subject-side-btn:after{content:"›";font-size:22px;line-height:1;color:#7380a5}
.v17-subject-list .subject-side-btn small{display:none}
.v17-subject-list .subject-side-btn:hover{transform:translateX(2px);border-color:#b8c6ec;box-shadow:0 5px 14px rgba(40,64,135,.07)}
.v17-subject-list .subject-side-btn.active{background:linear-gradient(100deg,#6638f3,#2f67f1);border-color:transparent;color:#fff;box-shadow:0 9px 24px rgba(82,59,235,.22)}
.v17-subject-list .subject-side-btn.active:before{background:rgba(255,255,255,.17);color:#fff}
.v17-subject-list .subject-side-btn.active:after{color:#fff}
.v17-subject-list .subject-side-btn[data-subject*="cyber"]:before{content:"✦"}
.v17-subject-list .subject-side-btn[data-subject*="comp"]:before{content:"⚙"}
.v17-subject-list .subject-side-btn[data-subject*="windows"]:before{content:"▦"}
.v17-subject-list .subject-side-btn[data-subject*="linux"]:before{content:"♙"}
.v17-subject-list .subject-side-btn[data-subject*="ndt"]:before{content:"⌕"}
.v17-career-quiz{margin-top:10px;display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;padding:12px;border-radius:13px;background:linear-gradient(135deg,#f4f0ff,#eef8ff);color:#314579;border:1px solid #e1e3f7}
.v17-career-quiz .v17-cap{font-size:25px;color:#5539ec}
.v17-career-quiz b,.v17-career-quiz small{display:block}.v17-career-quiz b{font-size:11px}.v17-career-quiz small{font-size:10px;color:#5038dd;margin-top:3px;font-weight:800}

.v17-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:16px;align-items:stretch}
.v17-hero-copy{
  min-height:510px;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(249,251,255,.94));
  border:1px solid rgba(102,111,165,.10);
  border-radius:22px;
  padding:20px 20px 0;
  overflow:hidden;
  box-shadow:0 12px 34px rgba(49,64,118,.06);
}
.v17-hero-tagline{font-size:11px;letter-spacing:.22em;color:#6673a2;font-weight:850;margin:3px 0 8px 2px}
.v17-four-words{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 18px;color:#08185d;font-size:clamp(30px,3.25vw,49px);line-height:1;letter-spacing:-.045em}
.v17-four-words .dot{display:inline-block;width:15px;height:15px;border-radius:50%;flex:0 0 auto}.v17-four-words .purple{background:#6d24f5}.v17-four-words .blue{background:#0a91ee}.v17-four-words .coral{background:#ff635d}
.v17-hero-content{display:grid;grid-template-columns:minmax(0,.92fr) minmax(300px,.88fr);gap:4px;align-items:end;height:420px}
.v17-hero-text{position:relative;z-index:2;padding:12px 0 19px 2px;align-self:stretch;display:flex;flex-direction:column}
.v17-hero-text h1{font-size:clamp(43px,4.55vw,66px);line-height:.96;letter-spacing:-.055em;margin:5px 0 16px;color:#091a60;max-width:600px}
.v17-hero-text h1 em{font-style:normal;background:linear-gradient(92deg,#128ce8,#0db9b0);-webkit-background-clip:text;background-clip:text;color:transparent}
.v17-hero-text>p{font-size:15px;line-height:1.48;color:#4f638a;max-width:540px;margin:0 0 17px}
.v17-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.v17-get-started{min-width:220px;background:linear-gradient(100deg,#08c0c9,#4d25f0)!important;border-radius:13px!important;box-shadow:0 10px 22px rgba(65,62,225,.20)}
.v17-watch{display:flex;align-items:center;gap:9px;color:#1c3368}.v17-watch .play{width:44px;height:44px;border:2px solid #5942f2;border-radius:50%;display:grid;place-items:center;color:#4f39eb;font-size:13px}.v17-watch b,.v17-watch small{display:block}.v17-watch b{font-size:12px}.v17-watch small{font-size:10px;color:#7c88a8;margin-top:2px}
.v17-metrics{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-top:20px}.v17-metrics>div{padding:0 20px 0 0;border-right:1px solid #dfe5f2}.v17-metrics>div+div{padding-left:20px}.v17-metrics>div:last-child{border-right:0}.v17-metrics strong,.v17-metrics span{display:block}.v17-metrics strong{font-size:23px;color:#184fe8}.v17-metrics span{font-size:10px;color:#6e7d9e;margin-top:2px}
.v17-hero-person-wrap{height:100%;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-radius:20px 20px 0 0}
.v17-hero-person{display:block;width:100%;max-width:405px;height:auto;object-fit:contain;object-position:bottom center;filter:saturate(1.02)}

.v17-side-cards{display:grid;grid-template-rows:1fr 1fr;gap:14px}
.v17-card{position:relative;background:rgba(255,255,255,.95);border:1px solid rgba(101,112,171,.14);border-radius:19px;padding:16px 17px;box-shadow:0 12px 34px rgba(51,65,118,.07);overflow:hidden}
.v17-card:hover{box-shadow:0 18px 40px rgba(54,66,120,.11);transform:translateY(-1px)}
.v17-card-link{position:absolute;inset:0;z-index:5}
.v17-card-title{display:flex;gap:10px;align-items:flex-start}.v17-card-title h3{font-size:16px;margin:0;color:#10205c}.v17-card-title p{font-size:10.5px;line-height:1.42;color:#66799b;margin:4px 0 0;max-width:230px}
.round-icon,.building-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,#6141f4,#315eee);color:#fff;font-size:11px}.building-icon{border-radius:9px;font-size:20px}
.v17-profile-body{position:relative;margin-top:10px;min-height:150px;padding-right:150px}.v17-price strong,.v17-price span{display:block}.v17-price strong{font-size:31px;color:#4418c6;letter-spacing:-.05em}.v17-price span{font-size:11px;font-weight:850;color:#3214a7;margin-top:-3px}
.v17-card ul{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:5px}.v17-card li{font-size:10px;color:#536988}.v17-card li:before{content:"✓";color:#0eb47f;font-weight:950;margin-right:6px}
.v17-mini-profile{position:absolute;right:0;top:0;width:142px;min-height:146px;border:1px solid #e2e7f4;border-radius:13px;padding:10px;background:linear-gradient(145deg,#f5fbff,#fff)}.v17-mini-profile img{width:42px;height:42px;border-radius:50%;object-fit:cover;float:left;margin-right:7px}.v17-mini-profile b{font-size:9px;color:#17306a}.v17-mini-profile small{display:block;font-size:7px;color:#687a9b;margin-top:2px}.mini-tags{clear:both;display:flex;flex-wrap:wrap;gap:4px;padding-top:9px}.mini-tags span{font-size:7px;padding:4px 6px;border-radius:999px;background:#edf2ff;color:#3150c0}.v17-mini-profile i{display:block;height:6px;border-radius:10px;background:#dfe6f3;margin-top:7px}.v17-mini-profile i.short{width:60%}
.v17-employers{min-height:235px}.v17-employer-prices{display:flex;align-items:baseline;gap:13px;margin:13px 0 7px}.v17-employer-prices>span{width:1px;height:28px;background:#d8e0ef}.v17-employer-prices strong{font-size:26px;color:#10205c}.v17-employer-prices strong:nth-of-type(2){color:#145ee8}.v17-employer-prices small{font-size:10px;margin-left:2px}.v17-employers ul{width:62%;margin-top:9px}.v17-employer-avatars{position:absolute;right:17px;bottom:15px;width:125px;height:auto;object-fit:contain}

.v17-banner-row{display:grid;grid-template-columns:.95fr 1.05fr;gap:14px}.v17-banner-card{display:block;border-radius:17px;overflow:hidden;border:1px solid rgba(92,105,171,.12);box-shadow:0 10px 26px rgba(52,68,125,.08);background:#fff}.v17-banner-card img{display:block;width:100%;height:154px;object-fit:cover}
.v17-value-bot-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(360px,1fr);gap:14px}
.v17-value-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid rgba(101,112,171,.12);border-radius:17px;padding:18px 14px;box-shadow:0 10px 26px rgba(52,68,125,.06)}
.v17-value-item{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center;padding:0 13px;border-right:1px solid #e1e6f1}.v17-value-item:last-child{border-right:0}.v17-value-item b,.v17-value-item small{display:block}.v17-value-item b{font-size:12px;letter-spacing:.12em;color:#3f4e76}.v17-value-item small{font-size:9px;color:#7e8ba7;margin-top:4px;white-space:nowrap}.value-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;font-weight:950;font-size:20px}.value-icon.learn{color:#5d25ee;background:#f1ebff}.value-icon.achieve{color:#0d8ee9;background:#e9f4ff}.value-icon.connect{font-size:11px;color:#0bb1a8;background:#e7fbf8}.value-icon.work{color:#ff625d;background:#fff0ee}
.v17-career-bot-card{min-height:120px;background:linear-gradient(135deg,#f5fbff,#fff);border:1px solid rgba(99,110,171,.12);border-radius:17px;display:grid;grid-template-columns:125px 1fr;align-items:center;gap:7px;padding:5px 13px 5px 4px;box-shadow:0 10px 26px rgba(52,68,125,.06);overflow:hidden}.v17-career-bot-card>img{width:125px;height:116px;object-fit:cover;object-position:center;border-radius:13px}.v17-bot-copy>span{font-size:9px;font-weight:950;color:#215bd8;letter-spacing:.08em}.v17-bot-copy h3{font-size:16px;margin:4px 0;color:#11235e}.v17-bot-copy p{font-size:9.5px;color:#687b9e;margin:0 0 8px;line-height:1.4}.v17-bot-copy .btn{padding:8px 12px;font-size:10px;border-radius:10px;background:linear-gradient(100deg,#05becb,#5e28ed)}
.v17-catalog{max-width:none!important;margin:2px 0 0!important;padding:34px 24px!important;border-radius:22px!important}.v17-catalog .section-head{margin-bottom:18px}.v17-catalog .section-head h2{font-size:34px}.v17-catalog .course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

.home-v17>.footer{max-width:1540px;margin:0 auto 20px;background:transparent;color:#526284;padding:18px 30px;border-top:1px solid #dfe5f2;box-shadow:none}.home-v17>.footer p{color:#7683a0}.home-v17>.footer .footer-links a{color:#66789c}.home-v17>.footer .copyright{grid-column:1/-1}

@media(max-width:1380px){
  .topbar-v17{padding-inline:18px}.header-v17 .brand-logo-full{width:235px}.nav-v17{gap:14px;font-size:12px}.auth-v17 .btn{padding-inline:13px}
  .v17-stage{grid-template-columns:220px minmax(0,1fr);padding-inline:14px}.v17-hero-grid{grid-template-columns:minmax(0,1fr) 350px}.v17-four-words{font-size:38px}.v17-hero-text h1{font-size:52px}.v17-hero-content{grid-template-columns:minmax(0,1fr) 330px}.v17-profile-body{padding-right:132px}.v17-mini-profile{width:126px}.v17-value-item{grid-template-columns:43px 1fr;padding-inline:8px}.value-icon{width:40px;height:40px}.v17-value-item small{white-space:normal}
}
@media(max-width:1140px){
  .v17-stage{grid-template-columns:1fr}.v17-subjects{position:static;display:block}.v17-subject-list{display:flex;overflow:auto;max-height:none}.v17-subject-list .subject-side-btn{min-width:180px}.v17-career-quiz{display:none}.v17-hero-grid{grid-template-columns:1fr}.v17-side-cards{grid-template-columns:1fr 1fr;grid-template-rows:none}.v17-value-bot-row{grid-template-columns:1fr}.v17-four-words{font-size:42px}.v17-banner-card img{height:auto}.v17-catalog .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .header-v17 .brand-logo-full{width:200px}.auth-v17 #registerBtn{display:none}.topbar-v17{min-height:72px}.v17-stage{padding:10px}.v17-hero-copy{padding:16px;min-height:auto}.v17-four-words{font-size:31px;gap:8px}.v17-four-words .dot{width:10px;height:10px}.v17-hero-content{grid-template-columns:1fr}.v17-hero-person-wrap{order:-1;max-height:360px}.v17-hero-person{max-width:360px}.v17-hero-text h1{font-size:46px}.v17-side-cards{grid-template-columns:1fr}.v17-banner-row{grid-template-columns:1fr}.v17-value-strip{grid-template-columns:1fr 1fr;row-gap:16px}.v17-value-item:nth-child(2){border-right:0}.v17-value-item:nth-child(3){border-top:1px solid #e1e6f1;padding-top:14px}.v17-value-item:nth-child(4){border-right:0;border-top:1px solid #e1e6f1;padding-top:14px}.v17-catalog .course-grid{grid-template-columns:1fr}
}
@media(max-width:540px){
  .v17-four-words{font-size:27px}.v17-hero-text h1{font-size:39px}.v17-hero-text>p{font-size:14px}.v17-actions{align-items:flex-start;flex-direction:column}.v17-get-started{width:100%}.v17-metrics{grid-template-columns:1fr}.v17-metrics>div,.v17-metrics>div+div{border-right:0;border-bottom:1px solid #e1e6f1;padding:10px 0}.v17-metrics>div:last-child{border-bottom:0}.v17-profile-body{padding-right:0}.v17-mini-profile{position:relative;width:100%;margin-top:12px}.v17-employers ul{width:100%;padding-bottom:90px}.v17-employer-avatars{bottom:12px}.v17-value-strip{grid-template-columns:1fr}.v17-value-item,.v17-value-item:nth-child(2),.v17-value-item:nth-child(3),.v17-value-item:nth-child(4){border-right:0;border-top:1px solid #e1e6f1;padding:12px 6px}.v17-value-item:first-child{border-top:0}.v17-career-bot-card{grid-template-columns:92px 1fr}.v17-career-bot-card>img{width:90px;height:90px}.v17-catalog{padding:24px 14px!important}
}

/* =========================================================
   SKILLERIOUS v18 — unified secondary-page design system
   ========================================================= */
:root{
  --sk-purple:#5f36f5;--sk-blue:#1687f8;--sk-teal:#11bdae;--sk-coral:#ff655f;
  --sk-navy:#0d1b5e;--sk-ink:#0d174f;--sk-soft:#f7f9ff;--sk-border:#dfe5f2;
  --sk-grad:linear-gradient(100deg,var(--sk-purple),var(--sk-blue),var(--sk-teal));
}
body.sk-page{background:
  radial-gradient(circle at 8% 18%,rgba(95,54,245,.08),transparent 25%),
  radial-gradient(circle at 92% 12%,rgba(17,189,174,.08),transparent 24%),
  linear-gradient(180deg,#fff 0,#f8faff 46%,#f5f8ff 100%);color:var(--sk-ink)}
body.sk-page .header{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(70,84,160,.10);box-shadow:0 8px 32px rgba(20,40,100,.06)}
body.sk-page .topbar{max-width:1480px;min-height:82px;padding-top:10px;padding-bottom:10px}
body.sk-page .brand-logo-full{width:auto;height:60px;max-width:300px;object-fit:contain}
body.sk-page .nav{gap:18px}body.sk-page .nav a{font-size:13px;color:#33406f}body.sk-page .nav a.active{color:#4f36ed}
body.sk-page .btn.primary{background:linear-gradient(95deg,#10bfd0,#4e32ee);border:0;box-shadow:0 10px 24px rgba(72,60,224,.20)}
body.sk-page .btn.primary:hover{filter:saturate(1.08) brightness(.99);transform:translateY(-1px)}
body.sk-page .btn.secondary{border-color:#dce3f4;color:#17265e;background:rgba(255,255,255,.86)}

.sk-journey-ribbon{width:min(1450px,calc(100% - 36px));margin:18px auto 0;padding:15px 18px;background:rgba(255,255,255,.84);border:1px solid rgba(86,100,172,.12);border-radius:22px;box-shadow:0 14px 40px rgba(38,54,115,.07);display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(250px,1.35fr);align-items:center;backdrop-filter:blur(14px)}
.sk-journey-item{display:flex;align-items:center;gap:12px;padding:7px 18px;border-right:1px solid #e5e9f4;min-width:0}.sk-journey-item img{width:48px;height:48px;object-fit:contain;flex:0 0 48px}.sk-journey-item span{display:grid;gap:2px}.sk-journey-item b{font-size:13px;letter-spacing:.12em;color:#34406f}.sk-journey-item small{font-size:11px;color:#8791af;white-space:nowrap}.sk-journey-item:hover{background:linear-gradient(120deg,rgba(94,54,245,.05),rgba(17,189,174,.04));border-radius:14px}
.sk-journey-message{padding-left:24px;display:grid;gap:5px}.sk-journey-message b{font-size:12px;letter-spacing:.20em;color:#66729b}.sk-journey-message small{font-size:12px;color:#8290ae}

body.sk-page main{position:relative}body.sk-page .course-shell,body.sk-page main.section{max-width:1240px}
body.sk-page .course-shell{padding-top:42px;padding-bottom:64px}
body.sk-page .course-header,body.sk-page .compact-hero,body.sk-page .page-head,body.sk-page .job-detail,body.sk-page .profile-public{
  position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(246,246,255,.93) 55%,rgba(237,252,251,.92));border:1px solid rgba(81,79,170,.14)!important;border-radius:28px!important;box-shadow:0 22px 60px rgba(32,48,108,.09);padding:34px 38px!important
}
body.sk-page .course-header:before,body.sk-page .compact-hero:before,body.sk-page .page-head:before,body.sk-page .job-detail:before,body.sk-page .profile-public:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-95px;top:-120px;background:radial-gradient(circle,rgba(58,147,255,.13),rgba(93,63,244,.06) 46%,transparent 70%);pointer-events:none}
body.sk-page .course-header:after,body.sk-page .compact-hero:after,body.sk-page .page-head:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:90px;bottom:-125px;background:radial-gradient(circle,rgba(17,189,174,.13),transparent 70%);pointer-events:none}
body.sk-page .course-header h1,body.sk-page .compact-hero h1,body.sk-page .page-head h1,body.sk-page .job-detail h1{color:#101c5a;font-size:clamp(36px,4.5vw,64px);letter-spacing:-.045em;line-height:1.02;margin:12px 0 16px;max-width:920px}
body.sk-page .course-header>p,body.sk-page .compact-hero>p,body.sk-page .page-head p{color:#5f6c91;font-size:16px;line-height:1.7;max-width:850px}
body.sk-page .kicker,body.sk-page .eyebrow{color:#5b49ef;letter-spacing:.18em;font-size:11px;font-weight:900}

body.sk-page .section{max-width:1240px;border-radius:28px;margin:26px auto;padding:38px 38px;background:rgba(255,255,255,.74);border:1px solid rgba(81,79,170,.10);box-shadow:0 18px 52px rgba(32,48,108,.055)}
body.sk-page .section.compact{padding:32px 38px}body.sk-page .section.dark{max-width:1240px;background:linear-gradient(135deg,#101842,#143055 56%,#0c4d55);border:0;color:#fff;box-shadow:0 24px 65px rgba(12,25,70,.20)}
body.sk-page .section.dark h2{color:#fff}.section.dark .kicker{color:#bdb7ff}.section.dark .tool-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);box-shadow:none}.section.dark .tool-card p{color:#cbd5e8}
body.sk-page .section-head h2{color:#101c5a;font-size:clamp(28px,3.2vw,44px)}

body.sk-page .card,body.sk-page .form-panel,body.sk-page .finder-card,body.sk-page .course-card,body.sk-page .price-card,body.sk-page .question-card,body.sk-page .lesson,body.sk-page .result-box,body.sk-page .profile-card{background:rgba(255,255,255,.92);border:1px solid rgba(79,90,165,.12)!important;border-radius:20px!important;box-shadow:0 12px 34px rgba(40,54,112,.07)}
body.sk-page .form-panel{padding:28px}body.sk-page .field input,body.sk-page .field textarea,body.sk-page .field select,body.sk-page .search-grid input,body.sk-page .search-grid select,body.sk-page .finder-search input,body.sk-page .finder-filters select{border:1px solid #dce3f2;background:#fff;border-radius:13px;padding:12px 14px;box-shadow:inset 0 1px 2px rgba(25,38,80,.02)}
body.sk-page .field input:focus,body.sk-page .field textarea:focus,body.sk-page .field select:focus,body.sk-page .finder-search input:focus{outline:3px solid rgba(73,70,238,.10);border-color:#7869f6}
body.sk-page .notice{border-left:0;border:1px solid #dedafd;background:linear-gradient(135deg,#f7f5ff,#f4fbff);color:#4e5c82;border-radius:15px;padding:15px 17px}
body.sk-page .chip{border-color:#dfe4f2;color:#33406b;box-shadow:0 5px 13px rgba(34,49,102,.04)}body.sk-page .chip.active{background:linear-gradient(100deg,#5638f4,#1b8cf6);border-color:transparent}

/* Finder and bot pages */
body.finder-page .compact-hero{max-width:1240px;margin:34px auto 0;padding:40px 42px!important}
body.finder-page .finder-search{margin-top:28px}body.finder-page .finder-search input{font-size:16px;padding:16px 17px}
body.finder-page .finder-grid{gap:20px}body.finder-page .finder-card{min-height:360px;padding:24px}body.finder-page .finder-card h3{color:#111d5b;font-size:21px}
body.page-career-adviser .compact-hero{background:linear-gradient(135deg,#f7f5ff,#edf9ff 55%,#ebfffb)}
body.page-career-adviser .career-bot-identity{background:linear-gradient(105deg,#101842,#15365a 58%,#0e5f63);border-radius:20px;padding:18px 20px;color:#fff;box-shadow:0 18px 40px rgba(23,40,94,.15)}
body.page-career-adviser .career-bot-identity small{color:#c7d4e8}.bot-orb-logo{background:linear-gradient(135deg,#673df4,#1687f8,#11bdae)!important}
body.page-career-adviser #buildPath{min-width:240px}

/* Talent, job and employer pages */
body.career-page .hero{max-width:1240px;margin:34px auto 0;padding:44px 42px;background:linear-gradient(135deg,#fff,#f6f4ff 55%,#effcfb);border:1px solid rgba(81,79,170,.12);border-radius:30px;box-shadow:0 22px 60px rgba(32,48,108,.09)}
body.career-page .hero h1{color:#101c5a;font-size:clamp(40px,5vw,66px)}
body.career-page .profile-preview-card{box-shadow:0 18px 45px rgba(41,50,112,.10)}
body.career-page .employer-preview-card{box-shadow:0 22px 55px rgba(13,24,65,.22)}
body.career-page .job-card{background:linear-gradient(145deg,#fff,#fafbff);border-top:4px solid #5f45ef!important}.job-meta{color:#50608b}
body.page-jobs .page-head{margin:34px auto 0;max-width:1240px;display:block}.page-jobs main.section{background:transparent;border:0;box-shadow:none;padding-top:0}
body.page-jobs .jobs-search{background:#fff;border:1px solid #e0e6f3;border-radius:18px;padding:14px;box-shadow:0 12px 30px rgba(37,50,107,.06)}
body.page-job .job-detail{margin-top:34px}.job-description{color:#4e5c80}

/* Dashboards and account forms */
body.dashboard-page .course-shell,body.dashboard-page main.section{max-width:1240px}
body.dashboard-page .page-head,body.dashboard-page .course-header{margin-top:34px}
body.dashboard-page .dashboard-section{background:rgba(255,255,255,.82);border:1px solid rgba(81,79,170,.10);border-radius:24px;padding:26px;margin-top:22px;box-shadow:0 15px 42px rgba(32,48,108,.06)}
body.dashboard-page .talent-stats .stat{border-radius:18px;background:linear-gradient(145deg,#fff,#f7f9ff);box-shadow:0 10px 24px rgba(41,54,107,.055)}
body.dashboard-page .form-panel h2,body.dashboard-page .dashboard-section h2{color:#111d5a}

/* Course and test pages */
body.learning-page .course-shell{max-width:1180px}.course-header{min-height:200px}.lesson{padding:24px}.lesson h2,.lesson h3{color:#101c5a}.lesson-content{color:#4e5c80}.test-shell{max-width:980px;padding-top:42px}.question-card{padding:27px}.option{border-radius:13px;border-color:#dfe5f1;padding:14px 15px}.option:hover{background:#f2f7ff;border-color:#9bbcf5}.result-box{padding:22px}

/* Certificate flows */
body.certificate-flow-page .course-shell{max-width:1050px}.cert-benefits .tool-card{background:linear-gradient(145deg,#fff,#f8f9ff);border-color:#e3e7f2}.cert-benefits .icon{background:linear-gradient(135deg,#5f3af4,#188af6);color:#fff}.page-verify #verifyForm{background:#fff;border:1px solid #e0e6f3;border-radius:18px;padding:14px;display:flex;box-shadow:0 12px 30px rgba(37,50,107,.06)}

/* Legal / informational pages */
body.legal-page .course-shell{max-width:1080px}.legal-page .course-header{padding:46px 54px!important}.legal-page .legal-copy{font-size:15px;line-height:1.78}.legal-page .legal-copy h2{color:#111d5b;font-size:24px;margin-top:34px;padding-top:18px;border-top:1px solid #e5e9f4}.legal-page .legal-copy h2:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#5f36f5,#17b7ae);margin-right:10px;vertical-align:2px}
body.page-global .course-header{background:linear-gradient(135deg,#eef4ff,#f6f3ff 48%,#eafbf8)}
body.page-donations .donation-hero{max-width:1240px;margin:34px auto 0;border-radius:30px;background:linear-gradient(135deg,#f4fbff,#f5f2ff 55%,#edfff8);border:1px solid rgba(81,79,170,.11);padding:44px;box-shadow:0 22px 60px rgba(32,48,108,.09)}
body.page-donations .direct-route-box{background:linear-gradient(135deg,#101842,#15365a 58%,#0e5f63)}

/* Homepage uses the exact reusable icon artwork */
.v17-value-item .value-icon{width:58px;height:58px;background:none!important;border-radius:0;overflow:visible;font-size:0}.v17-value-item .value-icon img{width:58px;height:58px;display:block}.v17-value-item{gap:14px}

/* Footer */
body.sk-page .footer{background:linear-gradient(135deg,#0b1432,#10284a);border-top:1px solid rgba(255,255,255,.08)}

@media(max-width:1180px){.sk-journey-ribbon{grid-template-columns:repeat(4,1fr)}.sk-journey-message{grid-column:1/-1;padding:12px 18px 2px;border-top:1px solid #e5e9f4}.sk-journey-item:nth-child(4){border-right:0}}
@media(max-width:850px){body.sk-page .brand-logo-full{height:48px}.sk-journey-ribbon{display:flex;overflow:auto;padding:10px}.sk-journey-item{min-width:190px}.sk-journey-message{display:none}body.sk-page .course-header,body.sk-page .compact-hero,body.sk-page .page-head,body.sk-page .job-detail,body.sk-page .profile-public{padding:26px 24px!important}.legal-page .course-header{padding:28px 24px!important}}
@media(max-width:620px){.sk-journey-ribbon{width:calc(100% - 20px);margin-top:10px;border-radius:17px}.sk-journey-item{min-width:165px;padding:7px 10px}.sk-journey-item img{width:40px;height:40px;flex-basis:40px}.sk-journey-item small{white-space:normal}.page-verify #verifyForm{flex-direction:column}}


/* ===== Skillerious v20: Contact, Support, FAQ, Complaints & Appeals ===== */
.support-page .course-shell{max-width:1180px}
.support-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch}
.support-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.support-contact-card{background:linear-gradient(145deg,#fff,#f6f8ff);border:1px solid #dfe5f3;border-radius:18px;padding:18px;box-shadow:0 10px 28px rgba(39,52,111,.055)}
.support-contact-card .support-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#5e38f4,#188cf6);color:#fff;font-weight:900;margin-bottom:10px}
.support-contact-card h3{margin:0 0 5px;color:#111d5b}.support-contact-card p{margin:0;color:#657291;line-height:1.55}
.support-placeholder{display:inline-block;margin-top:8px;padding:6px 9px;border-radius:999px;background:#f1efff;color:#5a47dc;font-weight:800;font-size:12px}
.support-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:22px;margin-top:22px}
.support-form-card,.support-side-card{background:rgba(255,255,255,.94);border:1px solid rgba(79,90,165,.12);border-radius:22px;padding:26px;box-shadow:0 14px 38px rgba(35,51,111,.07)}
.support-form-card h2,.support-side-card h2{margin-top:0;color:#111d5b}.support-form-card textarea{min-height:160px;resize:vertical}
.support-form-card .btn{min-width:180px}.support-form-card .form-note{font-size:12px;color:#6d7896;line-height:1.6}
.support-status{margin:14px 0}.support-links{display:grid;gap:10px;margin-top:16px}.support-links a{display:flex;justify-content:space-between;align-items:center;padding:12px 13px;border:1px solid #e0e5f2;border-radius:13px;background:#fff;color:#22346d;font-weight:800}.support-links a:hover{border-color:#bcb5ff;background:#f8f7ff}
.faq-search-wrap{display:flex;gap:10px;margin:22px 0}.faq-search-wrap input{flex:1;border:1px solid #dce3f2;border-radius:14px;padding:13px 15px;background:#fff}.faq-list{display:grid;gap:11px}.faq-item{background:#fff;border:1px solid #e1e6f2;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px rgba(34,50,105,.04)}.faq-item summary{cursor:pointer;padding:17px 19px;font-weight:850;color:#17265e;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';float:right;color:#5b49ef;font-size:20px}.faq-item[open] summary:after{content:'–'}.faq-answer{padding:0 19px 18px;color:#5c6888;line-height:1.7}.faq-category{margin:28px 0 10px;color:#5b49ef;font-size:12px;letter-spacing:.12em;font-weight:900}
.complaints-process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.process-step{background:linear-gradient(145deg,#fff,#f7f9ff);border:1px solid #e0e5f2;border-radius:17px;padding:17px}.process-step b{display:block;color:#17265e;margin-bottom:5px}.process-step span{font-size:13px;color:#6b7694;line-height:1.5}.process-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#5d39f3,#1692f2);color:#fff;font-weight:900;margin-bottom:10px}
.support-footer-links{display:flex;flex-wrap:wrap;gap:11px}.support-footer-links a{color:#cdd7ec}.support-footer-meta{font-size:11px;color:#7f8aa1}
.admin-support-message{max-width:520px;white-space:normal;line-height:1.45}.admin-support-note{max-width:320px}
@media(max-width:900px){.support-hero-grid,.support-layout{grid-template-columns:1fr}.complaints-process{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.support-contact-grid,.complaints-process{grid-template-columns:1fr}.support-form-card,.support-side-card{padding:20px}.faq-search-wrap{flex-direction:column}}

/* ===== Skillerious v21: Direct Hiring & Career Tools ===== */
.v21-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.v21-tool-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f7f8ff);border:1px solid #dfe5f2;border-radius:22px;padding:24px;box-shadow:0 14px 36px rgba(38,52,110,.07)}.v21-tool-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:5px;background:linear-gradient(90deg,#633df3,#168ef6,#13b8ad,#ff626e)}.v21-tool-card .tool-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#5f3af4,#168df6);color:#fff;font-size:24px;font-weight:900;margin-bottom:15px}.v21-tool-card:nth-child(2) .tool-icon{background:linear-gradient(135deg,#147fd8,#13b9ad)}.v21-tool-card:nth-child(3) .tool-icon{background:linear-gradient(135deg,#ff6773,#9b48e8)}.v21-tool-card h3{margin:0 0 8px;color:#101c5a;font-size:21px}.v21-tool-card p{color:#617091;line-height:1.62;min-height:52px}.v21-direct-banner{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:linear-gradient(135deg,#101842,#16345a 58%,#0e5c63);color:#fff;border-radius:24px;padding:24px 28px;margin:22px 0;box-shadow:0 20px 48px rgba(16,31,81,.18)}.v21-direct-banner .direct-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#7155f5,#18b9ad);font-size:28px}.v21-direct-banner h3{margin:0 0 4px;color:#fff}.v21-direct-banner p{margin:0;color:#d5e2ee}.v21-direct-banner .pill{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff}
.tool-builder-shell{max-width:1240px;margin:34px auto;padding:0 20px}.tool-builder-hero{background:linear-gradient(135deg,#fff,#f5f3ff 52%,#ebfbf8);border:1px solid rgba(82,80,170,.12);border-radius:30px;padding:42px;box-shadow:0 22px 60px rgba(32,48,108,.08)}.tool-builder-hero h1{font-size:clamp(38px,5vw,64px);color:#101c5a;margin:8px 0 12px}.tool-builder-layout{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);gap:22px;margin-top:24px}.tool-builder-card{background:rgba(255,255,255,.94);border:1px solid #dfe5f2;border-radius:22px;padding:26px;box-shadow:0 14px 38px rgba(35,51,111,.07)}.generator-output{white-space:pre-wrap;background:#fbfcff;border:1px solid #e0e6f2;border-radius:17px;padding:22px;min-height:360px;line-height:1.7;color:#344267}.generator-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.generator-badge{display:inline-flex;gap:7px;align-items:center;padding:7px 11px;border-radius:999px;background:#f0edff;color:#5d48df;font-weight:850;font-size:12px}.direct-policy-note{background:linear-gradient(135deg,#f5f3ff,#eefcff);border:1px solid #dadff3;border-radius:16px;padding:15px 17px;color:#4b5a82;line-height:1.6}.direct-policy-note b{color:#19265d}.cv-preview{background:#fff;border:1px solid #dfe4ee;box-shadow:0 15px 36px rgba(32,45,92,.08);padding:40px;min-height:700px;color:#243150}.cv-preview h1{font-size:34px;color:#111b55;margin:0}.cv-preview h2{font-size:17px;color:#526085;border-bottom:2px solid #e6e9f4;padding-bottom:7px;margin-top:26px}.cv-preview .cv-contact{color:#6a7593;margin-top:6px}.cv-preview ul{padding-left:20px}.cv-preview .cv-item{margin-bottom:15px}.cv-preview .cv-item strong{color:#18245d}.interview-question{background:#fff;border:1px solid #e1e6f2;border-radius:16px;padding:18px;margin:11px 0}.interview-question b{color:#17265e}.interview-question small{display:block;color:#687493;margin-top:7px;line-height:1.55}.interview-mode-tabs{display:flex;gap:9px;margin:16px 0}.interview-mode-tabs button.active{background:linear-gradient(100deg,#5638f4,#1b8cf6);color:#fff;border-color:transparent}.messages-shell{max-width:1240px;margin:34px auto;padding:0 20px}.messages-layout{display:grid;grid-template-columns:330px 1fr;gap:18px;min-height:620px}.thread-list,.message-panel{background:#fff;border:1px solid #dfe5f2;border-radius:22px;box-shadow:0 14px 38px rgba(35,51,111,.07);overflow:hidden}.thread-list h2,.message-panel h2{margin:0;padding:20px 22px;color:#111d5b}.thread-item{display:block;width:100%;border:0;border-top:1px solid #edf0f7;background:#fff;text-align:left;padding:15px 18px;cursor:pointer}.thread-item:hover,.thread-item.active{background:#f7f6ff}.thread-item strong{display:block;color:#19265d}.thread-item small{color:#75809a}.thread-unread{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#5d42ef;color:#fff;font-size:11px;font-weight:900;float:right}.message-stream{height:430px;overflow:auto;padding:20px;background:linear-gradient(180deg,#fbfcff,#f5f8ff)}.message-bubble{max-width:75%;margin:8px 0;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid #e2e6f1;color:#344267;box-shadow:0 5px 14px rgba(40,52,104,.04)}.message-bubble.mine{margin-left:auto;background:linear-gradient(135deg,#5f43ed,#2786ef);color:#fff;border-color:transparent}.message-bubble small{display:block;opacity:.68;margin-top:5px}.message-compose{display:flex;gap:10px;padding:16px;border-top:1px solid #e8ebf3}.message-compose textarea{flex:1;min-height:68px;border:1px solid #dce3f2;border-radius:14px;padding:12px;resize:vertical}.no-fee-label{display:inline-block;padding:6px 10px;border-radius:999px;background:#eafaf6;color:#087868;font-size:12px;font-weight:850}.direct-employer-attestation{background:#f7fbff;border:1px solid #dce7f3;border-radius:16px;padding:16px;margin:15px 0}.direct-employer-attestation label{display:flex;gap:10px;align-items:flex-start;font-weight:800;color:#223363}.direct-employer-attestation small{display:block;color:#677493;line-height:1.55;margin:7px 0 0 27px}
@media(max-width:980px){.v21-tool-grid{grid-template-columns:1fr}.tool-builder-layout{grid-template-columns:1fr}.messages-layout{grid-template-columns:1fr}.thread-list{max-height:300px;overflow:auto}.v21-direct-banner{grid-template-columns:auto 1fr}.v21-direct-banner .btn{grid-column:1/-1}.v21-tool-card p{min-height:0}}@media(max-width:620px){.tool-builder-hero{padding:28px 22px}.tool-builder-card{padding:20px}.cv-preview{padding:24px}.messages-shell,.tool-builder-shell{padding:0 10px}.message-bubble{max-width:90%}}
@media print{body.page-cv-builder .header,body.page-cv-builder .sk-journey-ribbon,body.page-cv-builder .footer,body.page-cv-builder .tool-builder-hero,body.page-cv-builder .tool-builder-card:first-child,body.page-cv-builder .generator-actions{display:none!important}body.page-cv-builder .tool-builder-layout{display:block}.cv-preview{box-shadow:none;border:0;padding:0}.tool-builder-shell{max-width:none;margin:0;padding:0}}