/* ── PAGE VISIBILITY SYSTEM ── */
.page{display:none;width:100%;}
.page.active{display:block;}
/* ── RESET & VARIABLES ── */
*{box-sizing:border-box;margin:0;padding:0;}
:root{
  --navy:#0A1628;--navy2:#0F2040;--navy3:#162A52;
  --blue:#1565C0;--blue2:#1976D2;--blue3:#42A5F5;--blue-bg:#EFF6FF;
  --coral:#E8402A;--coral2:#F05A3A;--coral-bg:#FEF2F2;
  --green:#2E7D32;--green2:#43A047;--green-bg:#E8F5E9;
  --amber:#F57F17;--amber-bg:#FFF8E1;
  --purple:#6A1B9A;--purple-bg:#F3E5F5;
  --white:#fff;--off:#F5F7FA;--gray:#64748B;--gray2:#94A3B8;
  --gray3:#CBD5E1;--gray4:#E2E8F0;--gray5:#F8FAFC;--ink:#0F172A;
  --r:8px;--r-lg:14px;--r-xl:20px;
  --sh:0 2px 8px rgba(0,0,0,.07);--sh-lg:0 8px 32px rgba(0,0,0,.12);
  --max:1200px;
}
html{scroll-behavior:smooth;}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--off);line-height:1.6;overflow-x:hidden;}
a{text-decoration:none;cursor:pointer;}
button{cursor:pointer;font-family:inherit;}
input,select,textarea{font-family:inherit;}
img{max-width:100%;height:auto;}

/* ── LAYOUT ── */
.container{max-width:var(--max);margin:0 auto;padding:0 5%;}
.section{padding:5rem 5%;}
.section-sm{padding:3rem 5%;}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;}

/* ── NAV ── */
.nav{background:var(--navy);position:sticky;top:0;z-index:200;border-bottom:2px solid var(--blue);box-shadow:0 2px 20px rgba(0,0,0,.25);}
.nav-inner{max-width:var(--max);margin:0 auto;padding:0 5%;height:68px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;}
.nav-logo{display:flex;align-items:center;gap:.6rem;cursor:pointer;}
.nav-logo-mark{width:36px;height:36px;background:var(--coral);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.75rem;color:var(--white);letter-spacing:-.5px;flex-shrink:0;}
.nav-logo-name{font-weight:800;font-size:1.1rem;color:var(--white);letter-spacing:-.3px;}
.nav-logo-name span{color:var(--blue3);}
.nav-links{display:flex;align-items:center;gap:.25rem;}
.nav-link{padding:.4rem .85rem;font-size:.82rem;font-weight:500;color:rgba(255,255,255,.55);border-radius:var(--r);transition:all .18s;white-space:nowrap;}
.nav-link:hover{color:var(--white);background:rgba(255,255,255,.08);}
.nav-link.active{color:var(--white);}
.nav-right{display:flex;align-items:center;gap:.6rem;}
.nav-live{display:flex;align-items:center;gap:.35rem;background:rgba(21,101,192,.2);border:1px solid rgba(21,101,192,.3);border-radius:100px;padding:4px 10px;font-size:.62rem;font-weight:600;color:var(--blue3);white-space:nowrap;}
.nav-live-dot{width:5px;height:5px;border-radius:50%;background:var(--blue3);animation:pulse 1.8s infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.2;}}
.nav-portal-info{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.08);border-radius:100px;padding:.35rem .85rem;}
.npi-av{width:28px;height:28px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:var(--white);}
.npi-name{font-size:.75rem;font-weight:600;color:rgba(255,255,255,.75);}
.nav-ham{display:none;background:none;border:none;color:rgba(255,255,255,.7);font-size:1.4rem;padding:.2rem;}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none;border-radius:var(--r);font-weight:700;cursor:pointer;transition:all .2s;font-size:.875rem;padding:.65rem 1.25rem;white-space:nowrap;}
.btn-blue{background:var(--blue);color:var(--white);}
.btn-blue:hover{background:var(--blue2);}
.btn-coral{background:var(--coral);color:var(--white);}
.btn-coral:hover{background:var(--coral2);}
.btn-green{background:var(--green);color:var(--white);}
.btn-green:hover{background:var(--green2);}
.btn-amber{background:var(--amber);color:var(--white);}
.btn-outline{background:transparent;border:1.5px solid var(--gray3);color:var(--gray);}
.btn-outline:hover{border-color:var(--blue);color:var(--blue);}
.btn-outline-white{background:transparent;border:1.5px solid rgba(255,255,255,.3);color:rgba(255,255,255,.8);}
.btn-outline-white:hover{border-color:var(--white);color:var(--white);}
.btn-ghost{background:var(--gray5);border:1px solid var(--gray4);color:var(--gray);}
.btn-lg{padding:.85rem 2rem;font-size:1rem;border-radius:var(--r-lg);}
.btn-sm{padding:.4rem .9rem;font-size:.78rem;}
.btn-full{width:100%;}
.btn:disabled{opacity:.5;cursor:not-allowed;}

/* ── HERO ── */
.hero{background:var(--navy);padding:5rem 5% 0;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(21,101,192,.2) 0%,transparent 65%);top:-200px;right:-100px;pointer-events:none;}
.hero::after{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(232,64,42,.1) 0%,transparent 65%);bottom:0;left:-100px;pointer-events:none;}
.hero-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:.4rem;background:rgba(21,101,192,.2);border:1px solid rgba(21,101,192,.3);border-radius:100px;padding:5px 14px;font-size:.68rem;font-weight:600;color:var(--blue3);letter-spacing:1px;text-transform:uppercase;margin-bottom:1.5rem;}
.hero-eyebrow-dot{width:5px;height:5px;border-radius:50%;background:var(--blue3);}
.hero-h1{font-size:clamp(2.5rem,4.5vw,3.75rem);font-weight:800;color:var(--white);line-height:1.1;letter-spacing:-1.5px;margin-bottom:1.25rem;}
.hero-h1 em{font-style:normal;color:var(--coral);}
.hero-sub{font-size:1.05rem;color:rgba(255,255,255,.5);line-height:1.75;margin-bottom:2.25rem;max-width:480px;}
.hero-sub strong{color:rgba(255,255,255,.8);font-weight:500;}
.hero-ctas{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2.5rem;}
.hero-proof{display:flex;align-items:center;gap:.85rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08);}
.proof-avs{display:flex;}
.proof-av{width:34px;height:34px;border-radius:50%;background:var(--navy3);border:2px solid var(--navy);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:var(--blue3);margin-left:-8px;}
.proof-av:first-child{margin-left:0;}
.proof-text{font-size:.78rem;color:rgba(255,255,255,.35);line-height:1.4;}
.proof-text strong{color:var(--blue3);}
.hero-right{padding-bottom:0;}
.hero-panel{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);overflow:hidden;backdrop-filter:blur(10px);}
.hp-head{background:rgba(255,255,255,.04);padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;}
.hp-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.35);}
.hp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.06);}
.hps{background:var(--navy2);padding:.9rem .75rem;text-align:center;}
.hps-num{font-size:1.5rem;font-weight:800;color:var(--blue3);display:block;line-height:1;}
.hps-lbl{font-size:.55rem;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.5px;margin-top:.15rem;}
.hp-list{padding:.75rem 1.25rem 1.25rem;}
.hp-item{display:flex;align-items:center;gap:.85rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05);}
.hp-item:last-child{border:none;}
.hp-av{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.hp-body{flex:1;min-width:0;}
.hp-name{font-size:.85rem;font-weight:600;color:var(--white);margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hp-meta{font-size:.68rem;color:rgba(255,255,255,.35);}
.hp-badge{font-size:.6rem;font-weight:700;background:var(--coral);color:var(--white);border-radius:100px;padding:2px 7px;flex-shrink:0;}
.hero-bottom{max-width:var(--max);margin:0 auto;border-top:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:3rem;}
.hb-stat{padding:1.5rem 1rem;text-align:center;border-right:1px solid rgba(255,255,255,.06);}
.hb-stat:last-child{border:none;}
.hb-num{font-size:1.75rem;font-weight:800;color:var(--white);display:block;line-height:1;margin-bottom:.25rem;}
.hb-lbl{font-size:.72rem;color:rgba(255,255,255,.35);}

/* ── HOW IT WORKS ── */
.hiw{background:var(--white);}
.hiw-tabs{display:flex;gap:.4rem;border-bottom:2px solid var(--gray4);margin-bottom:2.5rem;}
.hiw-tab{padding:.6rem 1.5rem;font-size:.875rem;font-weight:600;color:var(--gray);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;}
.hiw-tab.on{color:var(--blue);border-bottom-color:var(--blue);}
.hiw-panel{display:none;grid-template-columns:repeat(4,1fr);gap:1.25rem;}
.hiw-panel.on{display:grid;}
.hiw-card{background:var(--off);border-radius:var(--r-lg);padding:1.5rem;border-top:4px solid var(--blue);position:relative;}
.hiw-card.coral{border-top-color:var(--coral);}
.hiw-num{font-size:3rem;font-weight:800;color:var(--gray4);line-height:1;margin-bottom:.35rem;font-family:Georgia,serif;}
.hiw-icon{font-size:1.75rem;margin-bottom:.6rem;display:block;}
.hiw-title{font-size:1rem;font-weight:700;color:var(--ink);margin-bottom:.35rem;}
.hiw-desc{font-size:.82rem;color:var(--gray);line-height:1.65;}

/* ── BROWSE SECTIONS ── */
.browse-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;}
.bh-title{font-size:1.85rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;}
.bh-sub{font-size:.9rem;color:var(--gray);margin-top:.3rem;}
.search-filter-bar{background:var(--white);border:1px solid var(--gray4);border-radius:var(--r-lg);padding:.85rem 1.25rem;display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;box-shadow:var(--sh);}
.sfb-icon{color:var(--gray2);font-size:1.1rem;flex-shrink:0;}
.sfb-input{flex:1;border:none;font-size:.9rem;color:var(--ink);background:transparent;}
.sfb-input:focus{outline:none;}
.sfb-input::placeholder{color:var(--gray2);}
.sfb-divider{width:1px;height:20px;background:var(--gray3);}
.sfb-select{border:none;font-size:.85rem;color:var(--gray);background:transparent;cursor:pointer;}
.sfb-select:focus{outline:none;}
.sfb-btn{background:var(--blue);color:var(--white);border:none;border-radius:var(--r);padding:.5rem 1.25rem;font-size:.82rem;font-weight:700;cursor:pointer;}
.filter-chips{display:flex;gap:.4rem;margin-bottom:1.5rem;flex-wrap:wrap;}
.chip{padding:.35rem .9rem;border-radius:100px;border:1.5px solid var(--gray3);background:var(--white);font-size:.75rem;font-weight:600;color:var(--gray);cursor:pointer;transition:all .18s;}
.chip:hover{border-color:var(--blue);color:var(--blue);}
.chip.on{background:var(--blue);border-color:var(--blue);color:var(--white);}
.results-meta{font-size:.8rem;color:var(--gray);margin-bottom:1.25rem;}

/* ── COMPANY CARD ── */
.co-card{background:var(--white);border:1px solid var(--gray4);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:all .22s;display:flex;flex-direction:column;}
.co-card:hover{border-color:var(--blue);box-shadow:0 8px 28px rgba(21,101,192,.12);transform:translateY(-2px);}
.co-card-img{width:100%;height:160px;object-fit:cover;background:var(--gray4);}
.co-card-img-ph{width:100%;height:160px;background:linear-gradient(135deg,var(--navy),var(--navy3));display:flex;align-items:center;justify-content:center;font-size:2.5rem;}
.co-card-body{padding:1.1rem 1.25rem;flex:1;display:flex;flex-direction:column;}
.co-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.35rem;}
.co-card-name{font-weight:700;font-size:.95rem;line-height:1.3;}
.co-card-type{font-size:.62rem;font-weight:600;background:var(--blue-bg);color:#1E40AF;border-radius:100px;padding:2px 9px;flex-shrink:0;}
.co-card-addr{font-size:.75rem;color:var(--gray);margin-bottom:.5rem;line-height:1.4;}
.co-card-desc{font-size:.78rem;color:var(--gray);line-height:1.55;margin-bottom:.65rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;}
.co-card-skills{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:.75rem;}
.sk-chip{font-size:.65rem;font-weight:600;padding:2px 9px;border-radius:100px;background:var(--blue-bg);color:#1E40AF;border:1px solid #BFDBFE;}
.co-card-foot{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--gray4);}
.co-spots{font-size:.72rem;font-weight:700;color:var(--green);}
.vbadge{display:inline-flex;align-items:center;gap:.2rem;font-size:.62rem;font-weight:700;color:var(--blue);background:var(--blue-bg);border-radius:100px;padding:2px 8px;}
.apply-btn-sm{background:var(--blue);color:var(--white);border:none;border-radius:100px;padding:.35rem 1rem;font-size:.72rem;font-weight:700;cursor:pointer;transition:background .2s;}
.apply-btn-sm:hover{background:var(--blue2);}
.apply-btn-sm.applied{background:var(--green-bg);color:var(--green);cursor:default;}

/* ── CORPER CARD ── */
.cr-card{background:var(--white);border:1px solid var(--gray4);border-radius:var(--r-lg);padding:1.25rem;cursor:pointer;transition:all .22s;display:flex;gap:1rem;align-items:flex-start;}
.cr-card:hover{border-color:var(--blue);box-shadow:0 6px 20px rgba(21,101,192,.1);transform:translateY(-1px);}
.cr-av{width:52px;height:52px;border-radius:50%;background:var(--navy);border:2.5px solid var(--blue);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;color:var(--blue3);flex-shrink:0;position:relative;}
.cr-av.online::after{content:'';position:absolute;bottom:1px;right:1px;width:12px;height:12px;border-radius:50%;background:var(--green2);border:2px solid var(--white);}
.cr-body{flex:1;min-width:0;}
.cr-name{font-weight:700;font-size:.95rem;margin-bottom:.2rem;}
.cr-meta{font-size:.75rem;color:var(--gray);margin-bottom:.5rem;line-height:1.5;}
.cr-skills{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:.5rem;}
.cr-foot{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid var(--gray4);}
.cr-days{font-size:.68rem;color:var(--gray);}
.days-warn{color:var(--coral)!important;font-weight:600!important;}
.contact-btn-sm{background:var(--navy);color:var(--blue3);border:none;border-radius:100px;padding:.35rem 1rem;font-size:.72rem;font-weight:700;cursor:pointer;}

/* ── FORMS ── */
.form-card{background:var(--white);border:1px solid var(--gray4);border-radius:var(--r-xl);padding:2rem;box-shadow:var(--sh-lg);}
.form-section{margin-bottom:1.75rem;}
.form-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--blue);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1.5px solid var(--blue-bg);}
.fg{margin-bottom:1rem;}
.fl{font-size:.78rem;font-weight:600;color:var(--ink);display:block;margin-bottom:.35rem;}
.fl-req{color:var(--coral);margin-left:.1rem;}
.fl-hint{font-size:.68rem;font-weight:400;color:var(--gray);margin-left:.3rem;}
.fi{width:100%;padding:.72rem 1rem;border:1.5px solid var(--gray3);border-radius:var(--r);font-size:.9rem;color:var(--ink);background:var(--white);transition:border-color .2s;}
.fi:focus{border-color:var(--blue);outline:none;}
.fi.error{border-color:var(--coral);}
.fs{width:100%;padding:.72rem 1rem;border:1.5px solid var(--gray3);border-radius:var(--r);font-size:.9rem;color:var(--ink);background:var(--white);}
.fs:focus{border-color:var(--blue);outline:none;}
.fi-hint{font-size:.68rem;color:var(--gray);margin-top:.28rem;}
.fi-err{font-size:.68rem;color:var(--coral);margin-top:.28rem;display:none;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;}
.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.85rem;}
.terms-row{display:flex;gap:.5rem;align-items:flex-start;margin-bottom:1rem;}
.terms-row input{margin-top:3px;accent-color:var(--blue);flex-shrink:0;}
.terms-row label{font-size:.8rem;color:var(--gray);line-height:1.55;}
.tlink{color:var(--blue);font-weight:600;cursor:pointer;}

/* UPLOAD */
.upload-zone{border:2px dashed var(--gray3);border-radius:var(--r-lg);padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--gray5);position:relative;}
.upload-zone:hover,.upload-zone.filled{border-color:var(--blue);background:var(--blue-bg);}
.upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}
.uz-icon{font-size:2.25rem;margin-bottom:.6rem;}
.uz-title{font-size:.9rem;font-weight:600;color:var(--ink);margin-bottom:.25rem;}
.uz-sub{font-size:.75rem;color:var(--gray);line-height:1.5;}
.uz-preview{width:100%;max-height:200px;object-fit:cover;border-radius:var(--r);margin-top:.85rem;display:none;}

/* STEP BAR */
.step-bar{display:flex;align-items:center;gap:0;margin-bottom:2.5rem;}
.step-item{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;}
.step-item::after{content:'';position:absolute;top:18px;left:50%;width:100%;height:2px;background:var(--gray4);}
.step-item:last-child::after{display:none;}
.step-item.done::after{background:var(--blue);}
.si-circle{width:36px;height:36px;border-radius:50%;border:2px solid var(--gray3);background:var(--white);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--gray);z-index:1;transition:all .3s;}
.step-item.done .si-circle{background:var(--blue);border-color:var(--blue);color:var(--white);}
.step-item.active .si-circle{border-color:var(--blue);color:var(--blue);}
.si-label{font-size:.65rem;font-weight:600;color:var(--gray);margin-top:.35rem;text-align:center;line-height:1.3;}
.step-item.done .si-label,.step-item.active .si-label{color:var(--blue);}

/* ── PORTAL LAYOUT ── */
.portal-layout{display:grid;grid-template-columns:260px 1fr;gap:2rem;max-width:var(--max);margin:0 auto;padding:2.5rem 5%;}
.portal-sidebar{position:sticky;top:88px;height:fit-content;}
.psb{background:var(--white);border:1px solid var(--gray4);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh);}
.psb-head{background:var(--navy);padding:1.25rem;}
.psb-av{width:56px;height:56px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:var(--white);margin-bottom:.65rem;}
.psb-name{font-size:.9rem;font-weight:700;color:var(--white);margin-bottom:.15rem;}
.psb-code{font-size:.68rem;color:rgba(255,255,255,.4);}
.psb-pills{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.5rem;}
.psb-nav{padding:.65rem 0;}
.psb-link{display:flex;align-items:center;gap:.65rem;padding:.62rem 1.25rem;font-size:.82rem;font-weight:500;color:var(--gray);cursor:pointer;transition:all .15s;border-left:3px solid transparent;}
.psb-link:hover{color:var(--ink);background:var(--off);}
.psb-link.active{color:var(--blue);background:var(--blue-bg);border-left-color:var(--blue);}
.psb-link-icon{font-size:1rem;flex-shrink:0;}
.psb-count{margin-left:auto;font-size:.62rem;font-weight:700;background:var(--coral);color:var(--white);border-radius:100px;padding:1px 7px;}
.psb-bottom{padding:1rem 1.25rem;border-top:1px solid var(--gray4);}
.portal-main{min-width:0;}

/* DASHBOARD */
.dash-welcome{background:var(--navy);border-radius:var(--r-xl);padding:1.75rem 2rem;margin-bottom:1.5rem;position:relative;overflow:hidden;}
.dash-welcome::before{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(21,101,192,.25) 0%,transparent 65%);top:-100px;right:-50px;}
.dw-greeting{font-size:.78rem;color:rgba(255,255,255,.4);margin-bottom:.2rem;}
.dw-name{font-size:1.35rem;font-weight:800;color:var(--white);margin-bottom:.65rem;}
.dw-pills{display:flex;gap:.4rem;flex-wrap:wrap;}
.dw-pill{display:inline-flex;align-items:center;gap:.3rem;background:rgba(255,255,255,.1);border-radius:100px;padding:4px 11px;font-size:.65rem;font-weight:600;color:rgba(255,255,255,.6);}
.online-dot{width:6px;height:6px;border-radius:50%;background:var(--green2);}

/* COUNTDOWN */
.countdown-card{background:var(--navy2);border:1px solid var(--navy3);border-radius:var(--r-xl);padding:1.5rem;display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;}
.cc-ring{width:80px;height:80px;border-radius:50%;border:5px solid var(--navy3);display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0;}
.cc-num{font-size:1.35rem;font-weight:800;color:var(--blue3);line-height:1;}
.cc-unit{font-size:.52rem;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.5px;}
.cc-body{flex:1;}
.cc-title{font-size:.9rem;font-weight:700;color:var(--white);margin-bottom:.2rem;}
.cc-sub{font-size:.75rem;color:rgba(255,255,255,.35);line-height:1.5;}
.cc-prog{height:5px;background:var(--navy3);border-radius:100px;overflow:hidden;margin-top:.6rem;}
.cc-prog-fill{height:100%;border-radius:100px;transition:width .6s ease;}

/* STAT CARDS */
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;}
.stat-card{background:var(--white);border:1px solid var(--gray4);border-radius:var(--r-lg);padding:1.25rem;display:flex;align-items:center;gap:.85rem;}
.sc-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;}
.sc-icon.blue{background:var(--blue-bg);}
.sc-icon.green{background:var(--green-bg);}
.sc-icon.coral{background:var(--coral-bg);}
.sc-icon.amber{background:var(--amber-bg);}
.sc-body{}
.sc-num{font-size:1.5rem;font-weight:800;line-height:1;margin-bottom:.1rem;}
.sc-lbl{font-size:.68rem;color:var(--gray);}

/* PROFILE COMPLETION */
.pct-card{background:var(--white);border:1px solid var(--gray4);border-radius:var(--r-lg);padding:1.25rem;margin-bottom:1.25rem;}
.pct-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem;}
.pct-title{font-size:.85rem;font-weight:700;}
.pct-num{font-size:.85rem;font-weight:800;color:var(--blue);}
.pct-bar{height:8px;background:var(--gray4);border-radius:100px;overflow:hidden;}
.pct-fill{height:100%;border-radius:100px;background:var(--blue);transition:width .6s ease;}
.pct-items{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.85rem;}
.pct-item{font-size:.68rem;padding:3px 9px;border-radius:100px;}
.pct-item.done{background:var(--green-bg);color:var(--green);}
.pct-item.todo{background:var(--gray4);color:var(--gray);}

/* MATCH CARD */
.match-card{background:linear-gradient(135deg,var(--navy),var(--navy3));border-radius:var(--r-lg);padding:1.25rem;cursor:pointer;transition:all .2s;border:1px solid var(--navy3);}
.match-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2);}
.mc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem;}
.mc-score{background:var(--blue);color:var(--white);border-radius:100px;padding:3px 12px;font-size:.68rem;font-weight:800;}
.mc-new{font-size:.65rem;color:var(--blue3);}
.mc-title{font-weight:700;font-size:.95rem;color:var(--white);margin-bottom:.2rem;}
.mc-sub{font-size:.75rem;color:var(--blue3);margin-bottom:.35rem;}
.mc-desc{font-size:.72rem;color:rgba(255,255,255,.4);}

/* APPLICATION CARD */
.app-card{background:var(--white);border:1px solid var(--gray4);border-radius:var(--r-lg);padding:1.25rem;margin-bottom:.85rem;}
.app-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;}
.app-status-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:100px;}
.st-pending{background:var(--amber-bg);color:var(--amber);}
.st-viewed{background:var(--blue-bg);color:var(--blue);}
.st-shortlisted{background:var(--green-bg);color:var(--green);}
.st-invited{background:var(--purple-bg);color:var(--purple);}
.st-rejected{background:var(--coral-bg);color:var(--coral);}
.app-co-name{font-weight:700;font-size:.95rem;margin-bottom:.18rem;}
.app-co-meta{font-size:.75rem;color:var(--blue);}

/* NOTIFICATION */
.notif-item{display:flex;gap:.85rem;padding:1rem 0;border-bottom:1px solid var(--gray4);cursor:pointer;transition:background .15s;}
.notif-item:last-child{border:none;}
.notif-item.unread{background:var(--blue-bg);margin:0 -1.25rem;padding:1rem 1.25rem;border-radius:var(--r);}
.ni-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.ni-blue{background:var(--blue-bg);}
.ni-green{background:var(--green-bg);}
.ni-amber{background:var(--amber-bg);}
.ni-coral{background:var(--coral-bg);}
.ni-body{flex:1;}
.ni-title{font-size:.85rem;font-weight:600;margin-bottom:.15rem;}
.ni-sub{font-size:.75rem;color:var(--gray);line-height:1.45;}
.ni-time{font-size:.65rem;color:var(--gray2);flex-shrink:0;margin-top:.15rem;}

/* SHORTLIST CARD */
.shortlist-card{background:var(--white);border:1px solid var(--gray4);border-radius:var(--r-lg);padding:1.25rem;display:flex;align-items:center;gap:1rem;margin-bottom:.85rem;}
.sl-av{width:48px;height:48px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;color:var(--blue3);flex-shrink:0;border:2px solid var(--blue);}
.sl-body{flex:1;}
.sl-name{font-weight:700;font-size:.95rem;margin-bottom:.18rem;}
.sl-meta{font-size:.75rem;color:var(--gray);}
.sl-actions{display:flex;gap:.4rem;flex-wrap:wrap;}

/* INTERVIEW CARD */
.iv-card{background:var(--white);border:1px solid var(--gray4);border-left:4px solid var(--blue);border-radius:var(--r-lg);padding:1.25rem;margin-bottom:.85rem;}
.iv-time{font-size:.72rem;font-weight:700;color:var(--blue);margin-bottom:.3rem;}
.iv-name{font-weight:700;font-size:.95rem;margin-bottom:.18rem;}
.iv-meta{font-size:.75rem;color:var(--gray);margin-bottom:.65rem;}
.iv-actions{display:flex;gap:.4rem;}

/* OPPORTUNITY CARD */
.opp-card{background:var(--white);border:1px solid var(--gray4);border-radius:var(--r-lg);padding:1.25rem;margin-bottom:.85rem;display:flex;gap:1rem;align-items:flex-start;}
.opp-icon{width:44px;height:44px;border-radius:12px;background:var(--blue-bg);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;}
.opp-body{flex:1;}
.opp-title{font-weight:700;font-size:.95rem;margin-bottom:.15rem;}
.opp-meta{font-size:.75rem;color:var(--gray);margin-bottom:.5rem;}
.opp-save{font-size:1.2rem;cursor:pointer;flex-shrink:0;transition:transform .2s;}
.opp-save:hover{transform:scale(1.15);}

/* PROFILE PAGE */
.profile-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start;}
.profile-card{background:var(--white);border:1px solid var(--gray4);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh);}
.pc-head{background:var(--navy);padding:2rem 1.5rem;text-align:center;}
.pc-av{width:80px;height:80px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.5rem;color:var(--white);margin:0 auto .85rem;border:3px solid rgba(255,255,255,.2);position:relative;}
.pc-status-dot{position:absolute;bottom:3px;right:3px;width:16px;height:16px;border-radius:50%;border:2.5px solid var(--navy);}
.pc-name{font-size:1.05rem;font-weight:800;color:var(--white);margin-bottom:.2rem;}
.pc-code{font-size:.72rem;color:rgba(255,255,255,.35);}
.pc-pills{display:flex;gap:.3rem;justify-content:center;flex-wrap:wrap;margin-top:.6rem;}
.pc-body{padding:1.25rem;}
.pc-section{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--gray4);}
.pc-section:last-child{border:none;margin:0;padding:0;}
.pc-sec-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--gray);margin-bottom:.65rem;}
.pc-row{display:flex;justify-content:space-between;padding:.35rem 0;border-bottom:1px solid var(--gray5);font-size:.8rem;}
.pc-row:last-child{border:none;}
.pc-lbl{color:var(--gray);}
.pc-val{font-weight:600;color:var(--ink);text-align:right;max-width:60%;}
.doc-item{display:flex;align-items:center;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--gray5);}
.doc-item:last-child{border:none;}
.doc-ico{width:38px;height:38px;border-radius:8px;background:var(--blue-bg);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.doc-body{flex:1;}
.doc-name{font-size:.82rem;font-weight:600;margin-bottom:.08rem;}
.doc-sub{font-size:.68rem;color:var(--gray);}
.doc-action{font-size:.75rem;font-weight:600;color:var(--blue);cursor:pointer;}

/* STATUS PICKER */
.status-picker{display:flex;gap:.5rem;margin-top:.5rem;}
.sp{flex:1;padding:.5rem .5rem;border-radius:var(--r);border:1.5px solid var(--gray3);font-size:.72rem;font-weight:600;text-align:center;cursor:pointer;transition:all .2s;color:var(--gray);}
.sp-avail{border-color:var(--green);background:var(--green-bg);color:var(--green);}
.sp-busy{border-color:var(--amber);background:var(--amber-bg);color:var(--amber);}
.sp-off{border-color:var(--gray3);background:var(--gray4);color:var(--gray);}

/* PILLS */
.pill{display:inline-flex;align-items:center;gap:.25rem;font-size:.65rem;font-weight:700;padding:3px 9px;border-radius:100px;}
.pill-blue{background:var(--blue-bg);color:#1E40AF;}
.pill-coral{background:var(--coral-bg);color:#991B1B;}
.pill-green{background:var(--green-bg);color:var(--green);}
.pill-amber{background:var(--amber-bg);color:var(--amber);}
.pill-purple{background:var(--purple-bg);color:var(--purple);}
.pill-gray{background:var(--gray4);color:var(--gray);}

/* NOTICES */
.notice{border-radius:var(--r);padding:.8rem 1rem;font-size:.8rem;line-height:1.55;margin-bottom:1rem;display:flex;gap:.5rem;align-items:flex-start;}
.n-blue{background:var(--blue-bg);border:1px solid #BFDBFE;color:#1E40AF;}
.n-coral{background:var(--coral-bg);border:1px solid #FECACA;color:#991B1B;}
.n-green{background:var(--green-bg);border:1px solid #A7F3D0;color:var(--green);}
.n-amber{background:var(--amber-bg);border:1px solid #FDE68A;color:var(--amber);}

/* CHAT */
.chat-layout{display:grid;grid-template-columns:300px 1fr;gap:0;background:var(--white);border:1px solid var(--gray4);border-radius:var(--r-xl);overflow:hidden;height:calc(100vh - 200px);min-height:500px;max-height:700px;}
.chat-sidebar{border-right:1px solid var(--gray4);display:flex;flex-direction:column;}
.cs-head{padding:1rem 1.25rem;border-bottom:1px solid var(--gray4);font-weight:700;font-size:.9rem;}
.cs-search{padding:.6rem .85rem;border-bottom:1px solid var(--gray4);display:flex;align-items:center;gap:.4rem;}
.css-inp{flex:1;border:none;font-size:.82rem;color:var(--ink);}
.css-inp:focus{outline:none;}
.chat-list{flex:1;overflow-y:auto;}
.chat-list::-webkit-scrollbar{width:4px;}
.chat-list::-webkit-scrollbar-thumb{background:var(--gray3);border-radius:4px;}
.cli{display:flex;gap:.75rem;padding:.85rem 1.1rem;cursor:pointer;border-bottom:1px solid var(--gray5);transition:background .15s;align-items:center;}
.cli:hover,.cli.active{background:var(--blue-bg);}
.cli-av{width:40px;height:40px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:var(--blue3);flex-shrink:0;position:relative;}
.cli-av.online::after{content:'';position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background:var(--green2);border:2px solid var(--white);}
.cli-body{flex:1;min-width:0;}
.cli-name{font-weight:600;font-size:.85rem;margin-bottom:.1rem;}
.cli-last{font-size:.72rem;color:var(--gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cli-right{flex-shrink:0;text-align:right;}
.cli-time{font-size:.62rem;color:var(--gray2);}
.cli-unread{background:var(--blue);color:var(--white);font-size:.6rem;font-weight:800;border-radius:100px;padding:1px 6px;margin-top:.2rem;display:inline-block;}
.chat-window{display:flex;flex-direction:column;}
.cw-head{padding:1rem 1.5rem;border-bottom:1px solid var(--gray4);display:flex;align-items:center;gap:.85rem;}
.cw-av{width:38px;height:38px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.78rem;color:var(--blue3);flex-shrink:0;}
.cw-info{flex:1;}
.cw-name{font-weight:700;font-size:.9rem;}
.cw-status{font-size:.68rem;color:var(--green2);}
.cw-msgs{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;background:var(--off);}
.cw-msgs::-webkit-scrollbar{width:4px;}
.cw-msgs::-webkit-scrollbar-thumb{background:var(--gray3);border-radius:4px;}
.msg-row{display:flex;margin-bottom:.85rem;}
.msg-row.mine{justify-content:flex-end;}
.msg-bubble{max-width:65%;padding:.7rem 1rem;border-radius:var(--r-lg);font-size:.85rem;line-height:1.5;}
.msg-row.mine .msg-bubble{background:var(--blue);color:var(--white);border-radius:var(--r-lg) var(--r-lg) 4px var(--r-lg);}
.msg-row.theirs .msg-bubble{background:var(--white);color:var(--ink);border:1px solid var(--gray4);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) 4px;}
.msg-time{font-size:.58rem;opacity:.6;margin-top:.2rem;text-align:right;}
.cw-input{border-top:1px solid var(--gray4);padding:.85rem 1.5rem;display:flex;gap:.75rem;align-items:flex-end;background:var(--white);}
.cwi-area{flex:1;border:1.5px solid var(--gray3);border-radius:var(--r-xl);padding:.6rem 1rem;font-size:.875rem;color:var(--ink);resize:none;max-height:100px;min-height:42px;line-height:1.5;}
.cwi-area:focus{outline:none;border-color:var(--blue);}
.cwi-send{width:42px;height:42px;background:var(--blue);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;flex-shrink:0;transition:background .2s;}
.cwi-send:hover{background:var(--blue2);}

/* MODAL */
.modal-overlay{display:none;position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:1rem;}
.modal-overlay.open{display:flex;}
.modal-box{background:var(--white);border-radius:var(--r-xl);width:100%;max-width:540px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:popIn .25s ease;box-shadow:0 30px 80px rgba(0,0,0,.3);}
@keyframes popIn{from{opacity:0;transform:scale(.95);}to{opacity:1;transform:scale(1);}}
.modal-head{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray4);display:flex;align-items:center;justify-content:space-between;}
.modal-title{font-size:1rem;font-weight:800;}
.modal-close{width:30px;height:30px;background:var(--gray4);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;cursor:pointer;color:var(--gray);}
.modal-body{overflow-y:auto;flex:1;padding:1.5rem;}
.modal-body::-webkit-scrollbar{width:4px;}
.modal-body::-webkit-scrollbar-thumb{background:var(--gray3);}
.modal-foot{padding:1.1rem 1.5rem;border-top:1px solid var(--gray4);display:flex;gap:.65rem;justify-content:flex-end;}

/* ANALYTICS */
.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;}
.an-card{background:var(--white);border:1px solid var(--gray4);border-radius:var(--r-lg);padding:1.25rem;}
.an-ico{font-size:1.5rem;margin-bottom:.4rem;}
.an-num{font-size:1.75rem;font-weight:800;line-height:1;margin-bottom:.15rem;}
.an-lbl{font-size:.72rem;color:var(--gray);}
.an-trend{font-size:.68rem;margin-top:.35rem;}
.trend-up{color:var(--green);}
.trend-dn{color:var(--coral);}

/* FOOTER */
footer{background:var(--navy);border-top:3px solid var(--blue);}
.footer-inner{max-width:var(--max);margin:0 auto;padding:3.5rem 5% 1.5rem;}
.footer-grid{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3rem;}
.fg-brand{font-size:1.25rem;font-weight:800;color:var(--white);margin-bottom:.4rem;}
.fg-brand span{color:var(--blue3);}
.fg-desc{font-size:.78rem;color:rgba(255,255,255,.3);line-height:1.65;}
.fg-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(21,101,192,.15);border:1px solid rgba(21,101,192,.2);border-radius:100px;padding:3px 10px;font-size:.65rem;font-weight:600;color:var(--blue3);margin-top:.75rem;}
.footer-col-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,.25);margin-bottom:.85rem;}
.footer-links{display:flex;flex-direction:column;gap:.4rem;}
.footer-links a{font-size:.8rem;color:rgba(255,255,255,.4);cursor:pointer;transition:color .2s;}
.footer-links a:hover{color:var(--blue3);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:1.1rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.72rem;color:rgba(255,255,255,.2);}

/* TOAST */
.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(12px);background:var(--ink);color:var(--white);padding:.65rem 1.5rem;border-radius:100px;font-size:.8rem;font-weight:500;white-space:nowrap;opacity:0;transition:all .3s;z-index:9999;pointer-events:none;box-shadow:0 4px 20px rgba(0,0,0,.25);}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* EMPTY STATE */
.empty-state{text-align:center;padding:4rem 2rem;color:var(--gray);}
.es-ico{font-size:3.5rem;opacity:.18;margin-bottom:.85rem;}
.es-title{font-size:1.05rem;font-weight:700;color:var(--ink);margin-bottom:.35rem;}
.es-sub{font-size:.85rem;line-height:1.65;max-width:360px;margin:0 auto;}

/* RESPONSIVE */
@media(max-width:1024px){
  .grid-4,.hiw-panel.on,.hero-bottom,.stat-row,.analytics-grid{grid-template-columns:repeat(2,1fr);}
  .portal-layout{grid-template-columns:220px 1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .profile-layout{grid-template-columns:1fr;}
  .chat-layout{grid-template-columns:240px 1fr;}
}
@media(max-width:768px){
  .nav-links{display:none;}
  .nav-ham{display:block;}
  .hero-inner{grid-template-columns:1fr;}
  .hero-right{display:none;}
  .grid-2,.grid-3,.form-row,.form-row-3{grid-template-columns:1fr;}
  .portal-layout{grid-template-columns:1fr;padding:1.5rem 4%;}
  .portal-sidebar{position:static;}
  .chat-layout{grid-template-columns:1fr;height:auto;}
  .chat-sidebar{display:none;}
  .hiw-panel.on{grid-template-columns:1fr 1fr;}
  .stat-row,.analytics-grid{grid-template-columns:1fr 1fr;}
  .hero-bottom{grid-template-columns:1fr 1fr;}
  .section{padding:3rem 4%;}
  .footer-grid{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .hero-bottom,.stat-row,.analytics-grid,.hiw-panel.on{grid-template-columns:1fr;}
  .filter-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem;}
}

/* ── HOW IT WORKS PAGE SECTION ── */
.hiw-page{background:var(--white);padding:5rem 5%;}
.hiw-page-inner{max-width:var(--max);margin:0 auto;}
.hiw-header{text-align:center;margin-bottom:3.5rem;}
.hiw-badge{display:inline-block;background:var(--blue-bg);color:var(--blue);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:5px 14px;border-radius:100px;margin-bottom:.75rem;}
.hiw-page-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:var(--ink);letter-spacing:-.75px;margin-bottom:.65rem;line-height:1.15;}
.hiw-page-sub{font-size:1rem;color:var(--gray);max-width:520px;margin:0 auto;line-height:1.75;}
.hiw-toggle{display:flex;justify-content:center;gap:.5rem;margin-bottom:3rem;}
.hiw-toggle-btn{padding:.6rem 1.75rem;border-radius:100px;border:2px solid var(--gray3);background:var(--white);font-size:.875rem;font-weight:600;color:var(--gray);cursor:pointer;transition:all .2s;}
.hiw-toggle-btn.on{background:var(--navy);border-color:var(--navy);color:var(--white);}
.hiw-toggle-btn.on.coral{background:var(--coral);border-color:var(--coral);}
.hiw-steps-panel{display:none;}
.hiw-steps-panel.on{display:block;}
.hiw-steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start;margin-bottom:3rem;}
.hiw-steps-list{display:flex;flex-direction:column;gap:0;}
.hiw-step-item{display:flex;gap:1.25rem;padding:1.5rem 0;border-bottom:1px solid var(--gray4);position:relative;}
.hiw-step-item:last-child{border:none;}
.hiw-step-item::before{content:'';position:absolute;left:19px;top:3.5rem;bottom:-1px;width:2px;background:var(--gray4);}
.hiw-step-item:last-child::before{display:none;}
.hiw-step-num{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;flex-shrink:0;z-index:1;border:3px solid var(--white);}
.hiw-step-num.blue{background:var(--blue);color:var(--white);}
.hiw-step-num.coral{background:var(--coral);color:var(--white);}
.hiw-step-body{}
.hiw-step-icon{font-size:1.5rem;margin-bottom:.4rem;display:block;}
.hiw-step-title{font-size:1.05rem;font-weight:700;color:var(--ink);margin-bottom:.35rem;}
.hiw-step-desc{font-size:.875rem;color:var(--gray);line-height:1.7;}
.hiw-step-note{display:inline-flex;align-items:center;gap:.3rem;background:var(--green-bg);color:var(--green);border-radius:100px;padding:3px 10px;font-size:.68rem;font-weight:600;margin-top:.5rem;}
.hiw-step-note.amber{background:var(--amber-bg);color:var(--amber);}
.hiw-visual{background:var(--navy);border-radius:var(--r-xl);overflow:hidden;position:sticky;top:100px;}
.hiw-vis-head{background:rgba(255,255,255,.05);padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:.75rem;}
.hiw-vis-dots{display:flex;gap:.4rem;}
.hiw-vis-dot{width:10px;height:10px;border-radius:50%;}
.hiw-vis-title{font-size:.72rem;font-weight:600;color:rgba(255,255,255,.3);}
.hiw-vis-body{padding:1.5rem;}
.hiw-vis-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-lg);padding:1.1rem;margin-bottom:.75rem;}
.hiw-vis-card:last-child{margin:0;}
.hiw-vis-card-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.65rem;}
.hvch-av{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}
.hvch-name{font-size:.85rem;font-weight:700;color:var(--white);}
.hvch-meta{font-size:.68rem;color:rgba(255,255,255,.35);}
.hiw-vis-skills{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:.65rem;}
.hvs{font-size:.62rem;font-weight:600;padding:2px 8px;border-radius:100px;background:rgba(21,101,192,.25);color:var(--blue3);}
.hiw-vis-bar{background:rgba(255,255,255,.06);border-radius:100px;height:5px;margin-bottom:.4rem;}
.hiw-vis-bar-fill{height:100%;border-radius:100px;background:var(--blue);}
.hiw-vis-label{font-size:.62rem;color:rgba(255,255,255,.3);display:flex;justify-content:space-between;}
.hiw-vis-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem;}
.hiw-vis-stat{background:rgba(255,255,255,.06);border-radius:var(--r);padding:.65rem .5rem;text-align:center;}
.hvstat-n{font-size:1.1rem;font-weight:800;color:var(--blue3);line-height:1;}
.hvstat-l{font-size:.55rem;color:rgba(255,255,255,.3);text-transform:uppercase;margin-top:.15rem;}
.hiw-vis-match{background:linear-gradient(135deg,rgba(21,101,192,.2),rgba(21,101,192,.05));border:1px solid rgba(21,101,192,.2);border-radius:var(--r-lg);padding:.85rem;display:flex;align-items:center;gap:.75rem;}
.hvm-score{background:var(--blue);color:var(--white);border-radius:100px;padding:3px 10px;font-size:.7rem;font-weight:800;flex-shrink:0;}
.hvm-body{flex:1;}
.hvm-title{font-size:.82rem;font-weight:700;color:var(--white);margin-bottom:.1rem;}
.hvm-meta{font-size:.68rem;color:rgba(255,255,255,.35);}
.hiw-faq{margin-top:4rem;}
.hiw-faq-title{font-size:1.5rem;font-weight:800;letter-spacing:-.3px;margin-bottom:2rem;}
.hiw-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;}
.hiw-faq-item{background:var(--off);border-radius:var(--r-lg);padding:1.25rem;}
.hiw-faq-q{font-size:.9rem;font-weight:700;color:var(--ink);margin-bottom:.5rem;}
.hiw-faq-a{font-size:.82rem;color:var(--gray);line-height:1.65;}
.hiw-warn-box{background:var(--navy);border-radius:var(--r-xl);padding:2rem;margin-top:3rem;display:flex;gap:1.5rem;align-items:flex-start;}
.hiw-warn-icon{font-size:2rem;flex-shrink:0;}
.hiw-warn-title{font-size:1rem;font-weight:700;color:var(--white);margin-bottom:.35rem;}
.hiw-warn-text{font-size:.85rem;color:rgba(255,255,255,.45);line-height:1.7;}
@media(max-width:900px){
  .hiw-steps-grid{grid-template-columns:1fr;}
  .hiw-visual{position:static;}
  .hiw-faq-grid{grid-template-columns:1fr;}
}

/* ── AD BANNERS ──────────────────────────────────────
   Desktop leaderboard: 728 x 90px
   Mobile banner:       320 x 50px
   To swap an ad: change the src= of the img tag
   To link an ad: change the href= of the a tag
─────────────────────────────────────────────────────── */
.ad-banner-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:.85rem 5%;
  background:var(--white);
  border-top:1px solid var(--gray4);
  border-bottom:1px solid var(--gray4);
}
.ad-banner-wrap.dark{
  background:var(--navy2);
  border-color:var(--navy3);
}
.ad-banner-inner{
  position:relative;
  display:inline-block;
}
.ad-label{
  position:absolute;
  top:-9px;
  left:50%;
  transform:translateX(-50%);
  font-size:.55rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:1px;
  color:var(--gray2);
  background:var(--white);
  padding:0 6px;
  white-space:nowrap;
}
.ad-banner-wrap.dark .ad-label{
  background:var(--navy2);
  color:rgba(255,255,255,.25);
}
/* Desktop banner — 728x90 */
.ad-desktop{
  display:block;
  width:728px;
  height:90px;
  border-radius:var(--r);
  overflow:hidden;
  background:var(--gray4);
  border:1px solid var(--gray3);
}
.ad-desktop img{
  width:728px;
  height:90px;
  object-fit:cover;
  display:block;
}
/* Mobile banner — 320x50 */
.ad-mobile{
  display:none;
  width:320px;
  height:50px;
  border-radius:var(--r);
  overflow:hidden;
  background:var(--gray4);
  border:1px solid var(--gray3);
}
.ad-mobile img{
  width:320px;
  height:50px;
  object-fit:cover;
  display:block;
}
/* Placeholder shown when no ad is set */
.ad-placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  color:var(--gray2);
  font-size:.72rem;
  font-weight:500;
  width:100%;
  height:100%;
}
@media(max-width:768px){
  .ad-desktop{display:none;}
  .ad-mobile{display:block;}
}

/* ── INFORMATIONAL NOTICE STRIP ── */
.caveat-bar{
  background:var(--navy2);
  border-bottom:1px solid var(--navy3);
  padding:.35rem 5%;
  display:flex;
  align-items:center;
  font-size:.68rem;
  flex-shrink:0;
}
.caveat-text{
  color:rgba(255,255,255,.32);
  line-height:1.5;
  flex:1;
}
.caveat-text strong{color:rgba(255,255,255,.5);}
.caveat-text a{color:var(--blue3);font-weight:600;cursor:pointer;text-decoration:underline;}

/* ── NAV OFFSET — pages start below sticky nav ── */
.page.active{padding-top:0;}
html{scroll-padding-top:88px;}