/* Skillerious v22 — skills-first opportunity engine */
:root{
  --v22-purple:#6d5dfc;--v22-blue:#2f80ed;--v22-teal:#18b7a0;--v22-coral:#ff6b6b;
  --v22-ink:#15203b;--v22-muted:#667085;--v22-line:#e6e9f2;--v22-bg:#f7f9ff;
}
.v22-kicker{font-size:.78rem;letter-spacing:.12em;font-weight:800;text-transform:uppercase;color:#625bd8}
.v22-feature-section{padding:58px max(22px,6vw);background:linear-gradient(145deg,#f8f9ff 0%,#f4fbff 48%,#fff9fb 100%);border-top:1px solid #edf0f7;border-bottom:1px solid #edf0f7}
.v22-feature-head{max-width:1180px;margin:0 auto 28px;display:flex;justify-content:space-between;gap:24px;align-items:end}.v22-feature-head h2{font-size:clamp(2rem,4vw,3.2rem);margin:.3rem 0 .6rem;color:var(--v22-ink);line-height:1.05}.v22-feature-head p{max-width:760px;margin:0;color:var(--v22-muted);font-size:1.04rem}
.v22-core-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.v22-core-card{position:relative;overflow:hidden;min-height:285px;border-radius:26px;padding:26px;background:#fff;border:1px solid var(--v22-line);box-shadow:0 18px 50px rgba(52,65,120,.09);display:flex;flex-direction:column}.v22-core-card:before{content:"";position:absolute;inset:0 0 auto 0;height:7px;background:linear-gradient(90deg,var(--v22-purple),var(--v22-blue),var(--v22-teal))}.v22-core-card.passport:before{background:linear-gradient(90deg,var(--v22-blue),var(--v22-teal))}.v22-core-card.challenge:before{background:linear-gradient(90deg,var(--v22-coral),#ffb05f)}.v22-core-card .v22-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-weight:900;font-size:1.25rem;color:#fff;background:linear-gradient(135deg,var(--v22-purple),var(--v22-blue));box-shadow:0 10px 22px rgba(76,90,220,.2)}.v22-core-card.passport .v22-icon{background:linear-gradient(135deg,var(--v22-blue),var(--v22-teal))}.v22-core-card.challenge .v22-icon{background:linear-gradient(135deg,var(--v22-coral),#ff9e63)}.v22-core-card h3{font-size:1.35rem;margin:18px 0 8px;color:var(--v22-ink)}.v22-core-card p{color:var(--v22-muted);line-height:1.6}.v22-core-card ul{margin:8px 0 20px;padding-left:20px;color:#48526b}.v22-core-card .btn{margin-top:auto;align-self:flex-start}
.v22-tools-grid{max-width:1180px;margin:18px auto 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.v22-tool-mini{display:block;text-decoration:none;color:inherit;background:rgba(255,255,255,.88);border:1px solid var(--v22-line);border-radius:18px;padding:18px;transition:.2s transform,.2s box-shadow}.v22-tool-mini:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(43,54,105,.1)}.v22-tool-mini b{display:block;color:var(--v22-ink);margin:8px 0 5px}.v22-tool-mini small{display:block;color:var(--v22-muted);line-height:1.45}.v22-tool-mini .mini-icon{font-size:1.35rem}
.v22-direct-strip{max-width:1180px;margin:18px auto 0;border-radius:22px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(100deg,#151a36,#26245f);color:#fff}.v22-direct-strip strong{font-size:1.15rem}.v22-direct-strip span{color:#d7dcff}.v22-direct-strip .btn{white-space:nowrap}
.v22-smart-match{margin:26px 0;border:1px solid #dfe5ff;border-radius:24px;background:linear-gradient(140deg,#fafbff,#f2f7ff);padding:24px}.v22-match-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.v22-match-score{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--v22-teal) var(--score,0%),#e8edf7 0);position:relative;flex:0 0 auto}.v22-match-score:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}.v22-match-score strong{position:relative;z-index:1;font-size:1.35rem;color:var(--v22-ink)}.v22-skill-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.v22-skill-box{background:#fff;border:1px solid var(--v22-line);border-radius:16px;padding:16px}.v22-skill-box h4{margin:0 0 9px}.v22-skill-list{display:flex;flex-wrap:wrap;gap:8px}.v22-skill-pill{padding:7px 10px;border-radius:999px;font-size:.85rem;background:#eef2ff;color:#4953b5}.v22-skill-pill.ok{background:#eafaf6;color:#16755f}.v22-skill-pill.missing{background:#fff0f1;color:#a43c49}.v22-course-rec{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v22-course-rec a{background:#fff;border:1px solid var(--v22-line);border-radius:14px;padding:12px;text-decoration:none;color:var(--v22-ink)}.v22-course-rec small{display:block;color:var(--v22-muted);margin-top:4px}
.v22-page-hero{padding:50px max(22px,6vw) 28px;background:linear-gradient(145deg,#f9f8ff,#f3fbff)}.v22-page-hero .inner{max-width:1120px;margin:auto}.v22-page-hero h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.02;margin:.35rem 0 1rem;color:var(--v22-ink)}.v22-page-hero p{max-width:800px;color:var(--v22-muted);font-size:1.05rem;line-height:1.65}
.v22-page-grid{max-width:1120px;margin:0 auto;padding:22px max(22px,4vw) 60px;display:grid;gap:18px}.v22-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.v22-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.v22-card{background:#fff;border:1px solid var(--v22-line);border-radius:22px;padding:22px;box-shadow:0 14px 38px rgba(46,55,100,.06)}.v22-card h2,.v22-card h3{color:var(--v22-ink)}.v22-card p{color:var(--v22-muted);line-height:1.6}.v22-card.accent{background:linear-gradient(145deg,#6d5dfc,#345bd6);color:#fff;border:0}.v22-card.accent h2,.v22-card.accent h3,.v22-card.accent p{color:#fff}.v22-card.teal{background:linear-gradient(145deg,#0ea895,#217fc9);color:#fff;border:0}.v22-card.teal h2,.v22-card.teal h3,.v22-card.teal p{color:#fff}
.v22-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.v22-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.v22-result{margin-top:20px}.v22-result h3{margin-top:0}.v22-progress-map{display:flex;gap:0;overflow-x:auto;padding:10px 0}.v22-progress-step{min-width:170px;position:relative;padding:18px 14px 14px 44px;background:#fff;border-top:1px solid var(--v22-line);border-bottom:1px solid var(--v22-line)}.v22-progress-step:first-child{border-radius:18px 0 0 18px;border-left:1px solid var(--v22-line)}.v22-progress-step:last-child{border-radius:0 18px 18px 0;border-right:1px solid var(--v22-line)}.v22-progress-step:before{content:attr(data-step);position:absolute;left:12px;top:17px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#edf0ff;color:#5853c6;font-weight:800}.v22-progress-step.done{background:#effbf7}.v22-progress-step.done:before{background:var(--v22-teal);color:#fff}.v22-progress-step b{display:block;color:var(--v22-ink)}.v22-progress-step small{color:var(--v22-muted)}
.v22-passport{max-width:980px;margin:20px auto;padding:0 20px 60px}.v22-passport-cover{background:linear-gradient(135deg,#1d2458,#5e4fd4 48%,#2387ba);color:#fff;border-radius:28px;padding:30px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.v22-passport-cover .avatar{width:88px;height:88px;border-radius:22px;object-fit:cover;background:#fff}.v22-passport-cover h1{margin:0 0 4px}.v22-passport-cover p{margin:0;color:#e5e8ff}.v22-passport-badge{border:1px solid rgba(255,255,255,.35);border-radius:16px;padding:12px 14px;text-align:center}.v22-passport-section{margin-top:16px;background:#fff;border:1px solid var(--v22-line);border-radius:20px;padding:20px}.v22-portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v22-portfolio-item{border:1px solid var(--v22-line);border-radius:16px;padding:16px}.v22-portfolio-item h4{margin:0 0 6px}.v22-portfolio-item p{color:var(--v22-muted)}
.v22-challenge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.v22-challenge-card{background:#fff;border:1px solid var(--v22-line);border-radius:20px;padding:20px}.v22-challenge-card .time{font-size:.8rem;color:#69738b}.v22-challenge-card h3{margin:.5rem 0}.v22-challenge-card .skills{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.v22-challenge-card .skills span{font-size:.78rem;border-radius:999px;padding:5px 8px;background:#f0f3ff;color:#5360bb}
.v22-diagnostic-question{background:#fff;border:1px solid var(--v22-line);border-radius:18px;padding:18px;margin-bottom:12px}.v22-diagnostic-question h3{margin:0 0 12px}.v22-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v22-option{border:1px solid var(--v22-line);border-radius:12px;padding:11px;background:#fff;cursor:pointer;text-align:left}.v22-option.selected{border-color:#6d5dfc;background:#f2f0ff;color:#4f45b6}
.v22-pipeline{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;overflow-x:auto}.v22-pipeline-col{background:#f8f9fd;border:1px solid var(--v22-line);border-radius:18px;padding:14px;min-height:180px}.v22-pipeline-col h3{font-size:.95rem;margin:0 0 12px}.v22-pipeline-item{background:#fff;border:1px solid var(--v22-line);border-radius:13px;padding:12px;margin-bottom:10px}.v22-pipeline-item b{display:block}.v22-pipeline-item small{color:var(--v22-muted)}
.v22-intel-source{font-size:.85rem;color:var(--v22-muted);border-top:1px solid var(--v22-line);padding-top:12px;margin-top:16px}
.v22-home-smart{margin-top:12px}.v22-home-smart .v22-core-card{min-height:250px}.v22-home-smart .v22-core-card h3{font-size:1.25rem}
.v22-next-action{border-radius:20px;padding:20px;background:linear-gradient(115deg,#eff1ff,#eefbfa);border:1px solid #dfe5f3;margin:20px 0}.v22-next-action h3{margin:0 0 6px}.v22-next-action .progress{height:10px;background:#e5e8f3;border-radius:999px;overflow:hidden;margin:12px 0}.v22-next-action .progress span{display:block;height:100%;background:linear-gradient(90deg,var(--v22-purple),var(--v22-teal));border-radius:999px}
@media(max-width:1000px){.v22-core-grid{grid-template-columns:1fr 1fr}.v22-tools-grid{grid-template-columns:repeat(3,1fr)}.v22-challenge-grid{grid-template-columns:1fr 1fr}.v22-course-rec{grid-template-columns:1fr 1fr}.v22-grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.v22-feature-section{padding:38px 16px}.v22-feature-head{display:block}.v22-core-grid,.v22-tools-grid,.v22-grid-2,.v22-grid-3,.v22-challenge-grid,.v22-skill-columns,.v22-form-row,.v22-course-rec,.v22-portfolio-grid{grid-template-columns:1fr}.v22-direct-strip{align-items:flex-start;flex-direction:column}.v22-passport-cover{grid-template-columns:1fr;text-align:left}.v22-page-hero{padding:36px 18px 20px}.v22-page-grid{padding:18px 16px 42px}.v22-options{grid-template-columns:1fr}}