:root{
  --bg:#030817;--surface:#0c1224;--surface2:#111a30;--surface3:#17223d;
  --accent:#38bdf8;--accent2:#7b5ea7;--gold:#f0c060;
  --text:#eeeef8;--muted:#5a5a75;--border:#1e1e32;
  --tech:#38bdf8;--finance:#34d399;--design:#f472b6;--bio:#a78bfa;
  --law:#fb923c;--marketing:#facc15;--econ:#60a5fa;--eng:#f97316;--psych:#e879f9;--ds:#22d3ee;
  --danger:#f87171;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:radial-gradient(circle at 50% 0%,rgba(14,86,190,.18),transparent 34%),linear-gradient(180deg,#030817,#050712 62%,#030817);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden;}

/* CANVAS */
#particle-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;}
.logo{
  display:flex;
  align-items:center;
  gap:.5rem;
  font-family:'Playfair Display',serif;
  font-size:1.3rem;
  font-weight:900;
  color:var(--accent);
  cursor:pointer;
}

.logo span{
  color:var(--text);
}

.logo-img{
  width:43px;
  height:43px;
  object-fit:contain;
}
/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:200;display:grid;grid-template-columns:minmax(190px,auto) minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.75rem 1.55rem;background:linear-gradient(180deg,rgba(7,7,15,.94),rgba(7,7,15,.86));backdrop-filter:blur(24px);border-bottom:1px solid rgba(56,189,248,.12);box-shadow:0 18px 44px rgba(0,0,0,.18);}
.logo{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:900;color:var(--accent);cursor:pointer;letter-spacing:-.02em;}
.logo span{color:var(--text);}
.nav-links{justify-self:center;display:flex;align-items:center;gap:.2rem;max-width:min(760px,100%);padding:.24rem;background:rgba(15,15,26,.72);border:1px solid rgba(238,238,248,.09);border-radius:12px;overflow:visible;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);}
.nav-links::-webkit-scrollbar{display:none;}
.nav-link,.nav-menu-btn{display:flex;align-items:center;gap:.34rem;padding:.55rem .86rem;border-radius:9px;font-family:'DM Sans',sans-serif;font-size:.82rem;font-weight:700;color:var(--muted);cursor:pointer;border:1px solid transparent;background:transparent;transition:background .2s,border-color .2s,color .2s,transform .2s;white-space:nowrap;}
.nav-menu-btn span{font-size:.75rem;color:var(--accent);}
.nav-ico{display:none;}
.nav-link:hover{color:var(--text);}
.nav-link:hover .nav-ico{opacity:1;}
.nav-link.active{background:linear-gradient(180deg,var(--accent),#26aee8);color:#07070f;font-weight:700;border-color:rgba(255,255,255,.12);box-shadow:0 10px 24px rgba(56,189,248,.18);}
.nav-link.active .nav-ico{color:#07111f;opacity:1;}
.nav-menu-btn.active{color:var(--text);background:rgba(56,189,248,.08);border-color:rgba(56,189,248,.22);}
.nav-group{position:relative;}
.nav-group::after{content:'';position:absolute;left:-.25rem;right:-.25rem;top:100%;height:.7rem;display:block;}
.nav-menu-btn:hover,.nav-group:focus-within .nav-menu-btn,.nav-group:hover .nav-menu-btn{color:var(--text);background:rgba(238,238,248,.04);border-color:rgba(238,238,248,.08);}
.nav-dropdown{position:absolute;top:calc(100% + .55rem);left:0;min-width:190px;padding:.42rem;background:rgba(8,10,22,.98);border:1px solid rgba(238,238,248,.12);border-radius:12px;box-shadow:0 22px 50px rgba(0,0,0,.38);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:240;}
.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{opacity:1;transform:translateY(0);pointer-events:auto;}
.nav-group.closing .nav-dropdown{opacity:0!important;transform:translateY(-6px)!important;pointer-events:none!important;}
.nav-dropdown .nav-link{width:100%;justify-content:flex-start;padding:.62rem .72rem;font-size:.82rem;border-radius:8px;}
.nav-dropdown .nav-link.active{box-shadow:none;}
.nav-right{justify-self:end;display:flex;align-items:center;gap:.6rem;}
.hamburger-btn{display:none;width:36px;height:34px;border-radius:8px;border:1px solid var(--border);background:rgba(15,15,26,.82);align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;transition:all .2s;}
.hamburger-btn span{width:16px;height:2px;border-radius:100px;background:var(--text);transition:transform .2s,opacity .2s,background .2s;}
.hamburger-btn.open{border-color:var(--accent);}
.hamburger-btn.open span{background:var(--accent);}
.hamburger-btn.open span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.hamburger-btn.open span:nth-child(2){opacity:0;}
.hamburger-btn.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
.mobile-menu{display:none;}
.xp-badge{font-family:'DM Mono',monospace;font-size:.7rem;color:var(--accent);background:rgba(0,229,160,.07);border:1px solid rgba(0,229,160,.18);padding:.26rem .7rem;border-radius:100px;cursor:pointer;}
.btn-sm{padding:.38rem .9rem;border-radius:6px;font-family:'DM Mono',monospace;font-size:.76rem;cursor:pointer;transition:all .2s;border:1px solid var(--border);background:transparent;color:var(--text);}
.btn-sm:hover{border-color:var(--accent);color:var(--accent);}
.btn-sm.solid{background:var(--accent);color:#07070f;border-color:var(--accent);font-weight:500;}
.btn-sm.solid:hover{filter:brightness(1.1);}
.auth-overlay.open
 {
  display: flex;
}
/* PAGE SYSTEM */
.page{display:none;position:relative;z-index:1;}
.page::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 42% 24% at 50% 0%,rgba(37,99,235,.18),transparent 68%),radial-gradient(ellipse 30% 42% at 0% 24%,rgba(56,189,248,.08),transparent 72%),radial-gradient(ellipse 30% 42% at 100% 22%,rgba(59,130,246,.1),transparent 72%),linear-gradient(180deg,rgba(3,8,23,.32),rgba(3,8,23,.86));}
#page-home::before{display:none;}
.page.active{display:block;}

/* SHARED */
section{padding:5.5rem 2rem;}
.max-c{max-width:1200px;margin:0 auto;}
.tc{text-align:center;}
.section-label{font-family:'DM Mono',monospace;font-size:.7rem;color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.7rem;}
.section-copy{color:var(--muted);font-size:.92rem;line-height:1.7;max-width:680px;margin:-.2rem 0 1.2rem;}
h2.big{font-family:'Playfair Display',serif;font-size:clamp(1.9rem,3.8vw,2.9rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:.9rem;}
h2.big em{font-style:italic;color:var(--accent);}
.sr{opacity:0;transform:translateY(28px);transition:opacity .55s ease,transform .55s ease;}
.sr-l{opacity:0;transform:translateX(-28px);transition:opacity .55s ease,transform .55s ease;}
.sr-r{opacity:0;transform:translateX(28px);transition:opacity .55s ease,transform .55s ease;}
.sr.visible,.sr-l.visible,.sr-r.visible{opacity:1;transform:none;}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}.d5{transition-delay:.4s}.d6{transition-delay:.48s}

/* TOAST */
.toast{position:fixed;bottom:2rem;right:2rem;z-index:9999;padding:.85rem 1.4rem;border-radius:12px;font-family:'DM Mono',monospace;font-size:.8rem;display:flex;align-items:center;gap:.7rem;transform:translateY(80px);opacity:0;transition:all .35s ease;pointer-events:none;max-width:340px;}
.toast.show{transform:translateY(0);opacity:1;}
.toast.success{background:rgba(52,211,153,.15);border:1px solid rgba(52,211,153,.35);color:#34d399;}
.toast.error{background:rgba(248,113,113,.15);border:1px solid rgba(248,113,113,.35);color:var(--danger);}
.toast.info{background:rgba(0,229,160,.1);border:1px solid rgba(0,229,160,.25);color:var(--accent);}

/* AUTH MODAL */
.auth-overlay{
  position:fixed;
  inset:0;
  z-index:600;
  background:rgba(0,0,0,.88);
  backdrop-filter:blur(16px);

  display:none;

  /* 🔥 FIXES */
  overflow-y:auto;          /* allows scrolling */
  align-items:flex-start;   /* prevents cut-off */
  justify-content:center;

  padding:2rem 1rem;
}
.auth-card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:22px;
  width:100%;
  max-width:440px;

  max-height:90vh;        /* 🔥 prevents overflow */
  overflow-y:auto;        /* 🔥 enables scroll */

  animation:slideUp .3s ease;
}
@keyframes slideUp{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}
.auth-tabs{display:flex;border-bottom:1px solid var(--border);}
.auth-tab{flex:1;padding:.9rem;font-family:'DM Mono',monospace;font-size:.82rem;text-align:center;cursor:pointer;color:var(--muted);transition:all .2s;border:none;background:transparent;}
.auth-tab.active{color:var(--accent);border-bottom:2px solid var(--accent);}
.auth-body{padding:2rem;}
.auth-logo{text-align:center;margin-bottom:1.5rem;}
.auth-logo-text{font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:900;color:var(--accent);}
.auth-logo-text span{color:var(--text);}
.auth-sub{font-size:.82rem;color:var(--muted);margin-top:.3rem;}
.form-group{margin-bottom:1rem;}
.form-group label{display:block;font-size:.68rem;font-family:'DM Mono',monospace;color:var(--muted);margin-bottom:.35rem;letter-spacing:.06em;text-transform:uppercase;}
.form-group input,.form-group select{width:100%;padding:.68rem .9rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:'DM Sans',sans-serif;font-size:.88rem;outline:none;transition:border-color .2s;}
.form-group input:focus,.form-group select:focus{border-color:var(--accent);}
.form-group input.err{border-color:var(--danger);}
.err-msg{font-family:'DM Mono',monospace;font-size:.68rem;color:var(--danger);margin-top:.28rem;display:none;}
.err-msg.show{display:block;}
.auth-btn{width:100%;padding:.85rem;border-radius:10px;background:var(--accent);color:#07070f;border:none;font-family:'DM Mono',monospace;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:.4rem;}
.auth-btn:hover{filter:brightness(1.1);}
.auth-divider{display:flex;align-items:center;gap:.8rem;margin:1.2rem 0;}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--border);}
.auth-divider span{font-family:'DM Mono',monospace;font-size:.7rem;color:var(--muted);}
.role-select{display:flex;gap:.6rem;margin-bottom:1rem;}
.role-btn{flex:1;padding:.6rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted);font-family:'DM Mono',monospace;font-size:.75rem;cursor:pointer;transition:all .2s;text-align:center;}
.role-btn.active{border-color:var(--accent);color:var(--accent);background:rgba(0,229,160,.08);}
.auth-close{position:absolute;top:1rem;right:1rem;background:var(--surface2);border:1px solid var(--border);color:var(--muted);width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:all .2s;}
.auth-close:hover{color:var(--text);}
.password-wrap{position:relative;}
.password-wrap input{padding-right:2.5rem;}
.pwd-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);cursor:pointer;font-size:.95rem;user-select:none;}
.strength-bar{height:4px;border-radius:100px;margin-top:.4rem;background:var(--surface3);overflow:hidden;}
.strength-fill{height:100%;border-radius:100px;transition:all .3s;}
.strength-label{font-family:'DM Mono',monospace;font-size:.65rem;margin-top:.2rem;}

/* HERO */
.hero{min-height:92vh;display:flex;align-items:center;justify-content:center;padding:7rem 2rem 2.7rem;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(14,86,190,.58) 0%,rgba(7,18,52,.82) 32%,rgba(2,6,23,.98) 72%);}
.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse 34% 24% at 50% 50%,rgba(37,99,235,.34),transparent 66%),radial-gradient(ellipse 28% 44% at 4% 45%,rgba(56,189,248,.18),transparent 72%),radial-gradient(ellipse 28% 44% at 96% 45%,rgba(80,70,255,.2),transparent 72%),linear-gradient(180deg,rgba(7,7,15,.18),rgba(7,7,15,.78));}
.hero-animated-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.hero-animated-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 30% 38% at 50% 47%,rgba(2,6,23,.12),rgba(2,6,23,.38) 52%,transparent 70%);opacity:.9;}
.hero-wave{position:absolute;width:760px;height:180px;border-radius:50%;filter:blur(30px);opacity:.2;}
.hero-wave-1{left:-180px;top:39%;background:linear-gradient(90deg,#06b6d4,rgba(6,182,212,.18),transparent);animation:heroMoveWave 14s ease-in-out infinite alternate;}
.hero-wave-2{right:-180px;top:36%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.2),#2563eb);animation:heroMoveWaveReverse 16s ease-in-out infinite alternate;}
.hero-network{position:absolute;top:12%;width:47%;height:64%;opacity:.72;overflow:visible;filter:drop-shadow(0 0 10px rgba(56,189,248,.25));}
.hero-network-left{left:-1.5%;}
.hero-network-right{right:-1.5%;}
.hero-network path{fill:none;stroke:rgba(96,165,250,.42);stroke-width:1.15;stroke-linecap:round;stroke-dasharray:10 18;animation:heroLineFlow 12s linear infinite;}
.hero-network path:nth-child(-n+3){stroke:rgba(56,189,248,.36);stroke-width:.95;stroke-dasharray:4 15;}
.hero-network circle{fill:#dbeafe;stroke:rgba(56,189,248,.8);stroke-width:1.3;filter:drop-shadow(0 0 8px #38bdf8);animation:heroNodePulse 4.8s ease-in-out infinite;}
.hero-network circle:nth-of-type(3n){fill:#67e8f9;animation-delay:1.2s;}
.hero-network circle:nth-of-type(4n){fill:#a5b4fc;stroke:rgba(129,140,248,.85);animation-delay:2.2s;}
.hero-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#38bdf8;box-shadow:0 0 14px #38bdf8;animation:heroFloatDot 9s ease-in-out infinite;}
.hero-dot-1{left:15%;top:30%;animation-delay:0s;}
.hero-dot-2{left:75%;top:25%;background:#a855f7;box-shadow:0 0 18px #a855f7;animation-delay:1.5s;}
.hero-dot-3{left:25%;top:70%;animation-delay:3s;}
.hero-dot-4{left:85%;top:65%;background:#a855f7;box-shadow:0 0 18px #a855f7;animation-delay:4.5s;}
@keyframes heroMoveWave{from{transform:translateX(0) translateY(0) rotate(0deg);}to{transform:translateX(160px) translateY(-40px) rotate(8deg);}}
@keyframes heroMoveWaveReverse{from{transform:translateX(0) translateY(0) rotate(0deg);}to{transform:translateX(-160px) translateY(50px) rotate(-8deg);}}
@keyframes heroLineFlow{to{stroke-dashoffset:-180;}}
@keyframes heroNodePulse{0%,100%{opacity:.58;transform:scale(1);}50%{opacity:1;transform:scale(1.22);}}
@keyframes heroFloatDot{0%,100%{transform:translateY(0) scale(1);opacity:.45;}50%{transform:translateY(-35px) scale(1.4);opacity:1;}}
#three-canvas{position:absolute;inset:0;z-index:0;pointer-events:none;}
.hero-content{position:relative;z-index:2;max-width:820px;text-align:center;}
.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .85rem;background:rgba(0,229,160,.09);border:1px solid rgba(0,229,160,.25);border-radius:100px;margin-bottom:1.6rem;font-family:'DM Mono',monospace;font-size:.72rem;color:var(--accent);}
.pill-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
h1{font-family:'Playfair Display',serif;font-size:clamp(2.4rem,6vw,4.6rem);font-weight:900;line-height:1.04;letter-spacing:-.03em;margin-bottom:1.3rem;}
h1 em{font-style:italic;color:var(--accent);}
.hero-sub{font-size:1rem;color:var(--muted);max-width:500px;margin:0 auto 1.65rem;font-weight:300;}
.hero-search{width:min(680px,100%);margin:0 auto 1rem;display:flex;align-items:center;gap:.75rem;padding:.45rem .55rem .45rem 1.15rem;background:rgba(238,238,248,.94);border:1px solid rgba(96,165,250,.32);border-radius:999px;backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.28),0 0 35px rgba(59,130,246,.18);transition:box-shadow .2s,transform .2s;animation:heroSearchPulse 5s ease-in-out infinite;}
.hero-search:focus-within{transform:translateY(-2px);box-shadow:0 22px 60px rgba(0,0,0,.34),0 0 0 3px rgba(56,189,248,.18),0 0 55px rgba(124,58,237,.32);}
.hero-search-icon{font-size:1.25rem;color:#475569;line-height:1;}
.hero-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:#111827;font-family:'DM Sans',sans-serif;font-size:.96rem;}
.hero-search input::placeholder{color:#64748b;}
.hero-search button{border:none;border-radius:999px;background:var(--accent);color:#07111f;font-family:'DM Mono',monospace;font-size:.78rem;font-weight:700;padding:.72rem 1.35rem;cursor:pointer;transition:filter .2s,transform .2s;}
.hero-search button:hover{filter:brightness(1.05);transform:translateY(-1px);}
@keyframes heroSearchPulse{0%,100%{box-shadow:0 18px 50px rgba(0,0,0,.28),0 0 35px rgba(59,130,246,.18);}50%{box-shadow:0 18px 50px rgba(0,0,0,.28),0 0 55px rgba(124,58,237,.34);}}
.hero-ctas{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;}
.btn-hero{padding:.75rem 1.8rem;border-radius:9px;font-family:'DM Mono',monospace;font-size:.86rem;cursor:pointer;transition:all .25s;font-weight:500;}
.btn-hero.g{background:var(--accent);color:#07070f;border:none;box-shadow:0 0 24px rgba(0,229,160,.18);}
.btn-hero.g:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(0,229,160,.32);}
.btn-hero.p{background:transparent;color:var(--text);border:1px solid var(--accent2);}
.btn-hero.p:hover{transform:translateY(-2px);background:rgba(123,94,167,.1);}
.btn-hero.o{background:transparent;color:var(--text);border:1px solid var(--border);}
.btn-hero.o:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);}
.stats-row{display:flex;gap:2.5rem;justify-content:center;margin-top:4.5rem;flex-wrap:wrap;}
.stat{text-align:center;}
.stat-num{font-family:'Playfair Display',serif;font-size:2.2rem;font-weight:700;color:var(--accent);display:block;}
.stat-label{font-size:.73rem;color:var(--muted);font-family:'DM Mono',monospace;}
.beta-row{
  width:min(760px,100%);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.7rem;
  margin:.85rem auto 0;
  padding:.55rem;
  border:1px solid rgba(56,189,248,.12);
  border-radius:18px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),
    rgba(9,9,18,.68);
  box-shadow:0 18px 55px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(16px);
}
.beta-stat{
  position:relative;
  min-width:0;
  min-height:76px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  text-align:left;
  overflow:hidden;
  background:rgba(15,15,26,.58);
  border:1px solid rgba(238,238,248,.075);
  border-radius:12px;
  padding:.78rem .9rem;
}
.beta-stat::before{
  content:'';
  position:absolute;
  left:.95rem;
  top:.72rem;
  width:22px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--accent),rgba(56,189,248,0));
  opacity:.75;
}
.beta-stat .stat-num{
  margin-top:.3rem;
  font-family:'Syne',sans-serif;
  font-size:1.05rem;
  line-height:1;
  letter-spacing:0;
}
.beta-stat .stat-label{
  margin-top:.42rem;
  color:#8f8faa;
  font-size:.66rem;
  line-height:1.45;
}

/* FLOW CARDS */
.flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem;}
.flow-card{background:linear-gradient(180deg,rgba(12,18,36,.94),rgba(8,13,28,.9));border:1px solid rgba(56,189,248,.1);border-radius:16px;padding:1.6rem;position:relative;overflow:hidden;transition:all .3s;}
.flow-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));opacity:0;transition:opacity .3s;}
.flow-card:hover{border-color:rgba(0,229,160,.3);transform:translateY(-4px);}
.flow-card:hover::before{opacity:1;}
.step-num{font-family:'Playfair Display',serif;font-size:2.8rem;font-weight:900;color:var(--border);line-height:1;margin-bottom:.7rem;}
.step-icon{font-size:1.7rem;margin-bottom:.7rem;}
.flow-card h3{font-family:'Playfair Display',serif;font-size:1.05rem;margin-bottom:.45rem;}
.flow-card p{color:var(--muted);font-size:.81rem;line-height:1.7;}
.tag{display:inline-block;margin-top:.8rem;padding:.2rem .6rem;border-radius:100px;font-family:'DM Mono',monospace;font-size:.63rem;background:rgba(0,229,160,.08);color:var(--accent);border:1px solid rgba(0,229,160,.16);}

/* GAP BAND */
.gap-band{background:linear-gradient(180deg,rgba(8,20,48,.72),rgba(4,9,23,.92));border-top:1px solid rgba(56,189,248,.12);border-bottom:1px solid rgba(56,189,248,.08);}
.gap-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto;padding:5rem 2rem;}
@media(max-width:900px){.gap-inner{grid-template-columns:1fr;}}
.gap-visual{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;}
.gap-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:1rem;transition:all .3s;cursor:pointer;}
.gap-card:hover{transform:translateY(-3px);border-color:var(--accent);}
.gap-card-icon{font-size:1.3rem;margin-bottom:.35rem;}
.gap-card-name{font-family:'DM Mono',monospace;font-size:.7rem;margin-bottom:.15rem;}
.gap-card-desc{font-size:.72rem;color:var(--muted);}
.go-games-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.3rem;padding:.7rem 1.4rem;background:var(--accent);color:#07070f;border:none;border-radius:8px;font-family:'DM Mono',monospace;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s;}
.go-games-btn:hover{filter:brightness(1.1);transform:translateY(-2px);}

/* DASHBOARD */
.dash-grid{display:grid;grid-template-columns:290px 1fr;gap:1.8rem;max-width:1200px;margin:0 auto;}
@media(max-width:900px){.dash-grid{grid-template-columns:1fr;}}
.dash-sidebar{display:flex;flex-direction:column;gap:.9rem;}
.dash-card{background:linear-gradient(180deg,rgba(12,18,36,.96),rgba(8,12,26,.92));border:1px solid rgba(56,189,248,.1);border-radius:16px;padding:1.6rem;box-shadow:0 18px 50px rgba(0,0,0,.18);}
.avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto .9rem;}
.profile-name{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:700;margin-bottom:.2rem;text-align:center;}
.profile-title{font-size:.76rem;color:var(--muted);font-family:'DM Mono',monospace;text-align:center;margin-bottom:.9rem;}
.status-chips{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;margin-bottom:.9rem;}
.status-chip{font-family:'DM Mono',monospace;font-size:.65rem;padding:.16rem .55rem;border-radius:100px;}
.status-chip-btn{cursor:pointer;border:1px solid var(--border);transition:all .2s;background:transparent;}
.status-chip-btn.available{background:rgba(52,211,153,.1);color:var(--finance);border-color:rgba(52,211,153,.22);}
.status-chip-btn.remote{background:rgba(56,189,248,.1);color:var(--tech);border-color:rgba(56,189,248,.22);}
.status-chip-btn.remote.off{background:transparent;color:var(--muted);border-color:var(--border);}
.status-chip-btn:hover{transform:translateY(-1px);filter:brightness(1.08);}
.pc-label{display:flex;justify-content:space-between;font-family:'DM Mono',monospace;font-size:.66rem;color:var(--muted);margin-bottom:.32rem;}
.pc-bar{height:5px;background:var(--surface3);border-radius:100px;overflow:hidden;}
.pc-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:100px;transition:width .8s ease;}
.dc-title{font-family:'DM Mono',monospace;font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.9rem;}
.badge-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem;}
.badge-item{aspect-ratio:1;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;border:1px solid var(--border);background:var(--surface2);position:relative;cursor:default;}
.badge-item.earned{box-shadow:0 0 10px rgba(0,229,160,.18);border-color:rgba(0,229,160,.3);}
.badge-item:not(.earned){filter:grayscale(1);opacity:.3;}
.badge-tip{position:absolute;bottom:calc(100%+5px);left:50%;transform:translateX(-50%);background:var(--surface3);border:1px solid var(--border);border-radius:6px;padding:.25rem .55rem;font-family:'DM Mono',monospace;font-size:.6rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .18s;z-index:10;}
.badge-item:hover .badge-tip{opacity:1;}
.dash-main{display:flex;flex-direction:column;gap:1rem;}
.xp-big{font-family:'Syne',sans-serif;font-size:2.8rem;font-weight:800;color:var(--accent);}
.xp-level{font-family:'DM Mono',monospace;font-size:.75rem;color:var(--muted);margin-bottom:.9rem;}
.xp-prog-bar{height:8px;background:var(--surface3);border-radius:100px;overflow:hidden;}
.xp-prog-fill{height:100%;background:linear-gradient(90deg,var(--tech),var(--accent),var(--design));border-radius:100px;transition:width .8s ease;}
.kpi-row{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:1rem;}
.kpi{flex:1;min-width:80px;text-align:center;}
.kpi-val{font-family:'Syne',sans-serif;font-size:1.6rem;font-weight:700;}
.kpi-lbl{font-family:'DM Mono',monospace;font-size:.62rem;color:var(--muted);}
.match-list{display:flex;flex-direction:column;gap:.7rem;margin-top:.9rem;}
.match-item{background:var(--surface2);border:1px solid var(--border);border-radius:11px;padding:1rem 1.2rem;display:flex;align-items:center;gap:.9rem;transition:all .2s;cursor:pointer;}
.match-item:hover{border-color:var(--accent);transform:translateX(3px);}
.match-item[title]{cursor:pointer;}
.match-item[title]:hover{box-shadow:0 12px 32px rgba(56,189,248,.08);}
.match-co-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.match-info{flex:1;min-width:0;}
.match-role{font-weight:600;font-size:.87rem;line-height:1.25;}
.match-company{font-size:.72rem;color:var(--muted);font-family:'DM Mono',monospace;line-height:1.35;margin-top:.12rem;}
.match-ai-reasons{font-size:.72rem;color:rgba(238,238,248,.72);line-height:1.5;margin-top:.45rem;max-width:620px;}
.factor-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem;}
.factor-row span{font-family:'DM Mono',monospace;font-size:.62rem;color:#8f8faa;background:rgba(238,238,248,.045);border:1px solid rgba(238,238,248,.08);border-radius:100px;padding:.16rem .5rem;}
.employer-status-row{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.45rem;}
.employer-status-pill{font-family:'DM Mono',monospace;font-size:.62rem;padding:.14rem .5rem;border-radius:100px;border:1px solid var(--border);}
.employer-status-pill.available{background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.22);color:var(--finance);}
.employer-status-pill.review{background:rgba(148,163,184,.09);border-color:rgba(148,163,184,.22);color:var(--muted);}
.employer-status-pill.remote{background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.22);color:var(--tech);}
.bio-help{color:var(--muted);font-size:.78rem;line-height:1.55;margin-bottom:.75rem;}
.employer-bio-input{width:100%;height:125px;min-height:125px;max-height:220px;resize:vertical;overflow-y:hidden;padding:.72rem .85rem;background:rgba(7,7,15,.82);border:1px solid rgba(56,189,248,.14);border-radius:9px;color:var(--text);font-family:'DM Sans',sans-serif;font-size:.84rem;line-height:1.55;outline:none;transition:border-color .2s,box-shadow .2s,height .15s ease;}
.employer-bio-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(56,189,248,.08);}
.bio-save-btn{margin-top:.8rem;}
.profile-modal-overlay{position:fixed;inset:0;z-index:560;background:rgba(0,0,0,.84);backdrop-filter:blur(14px);display:none;align-items:center;justify-content:center;padding:1rem;}
.profile-modal-overlay.open{display:flex;}
.profile-modal-card{position:relative;width:min(520px,100%);max-height:88vh;overflow-y:auto;background:var(--surface);border:1px solid rgba(56,189,248,.2);border-radius:20px;padding:2rem;box-shadow:0 24px 70px rgba(0,0,0,.36);text-align:center;}
.profile-modal-avatar{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto 1rem;}
.profile-modal-card h2{font-family:'Playfair Display',serif;font-size:1.8rem;margin-bottom:.25rem;}
.profile-modal-card > p{color:var(--muted);font-family:'DM Mono',monospace;font-size:.78rem;margin-bottom:1rem;}
.profile-status-row{justify-content:center;margin:.8rem 0 1.2rem;}
.profile-bio-panel{text-align:left;background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:1.1rem;}
.profile-bio-panel p{color:var(--muted);font-size:.88rem;line-height:1.7;}
.match-pct-pill{padding:.18rem .65rem;border-radius:100px;font-family:'DM Mono',monospace;font-size:.68rem;font-weight:500;white-space:nowrap;flex-shrink:0;}
.match-pct-pill.ai-scored{background:rgba(52,211,153,.14);border:1px solid rgba(52,211,153,.26);color:#34d399;}
.match-actions{display:flex;gap:.5rem;margin-top:.55rem;flex-wrap:wrap;}
.match-action-btn{padding:.22rem .7rem;border-radius:6px;font-family:'DM Mono',monospace;font-size:.68rem;cursor:pointer;transition:all .2s;border:1px solid var(--border);background:transparent;color:var(--muted);}
.match-action-btn:hover{border-color:var(--accent);color:var(--accent);}
.match-action-btn.saved{border-color:var(--gold);color:var(--gold);}
.profile-actions{display:grid;gap:.5rem;margin-top:.75rem;}
.profile-action{width:100%;display:flex;align-items:center;gap:.55rem;text-align:left;padding:.62rem .72rem;border-radius:9px;border:1px solid rgba(238,238,248,.09);background:rgba(7,7,15,.42);color:var(--text);font-family:'DM Sans',sans-serif;font-size:.78rem;cursor:pointer;}
.profile-action span{font-family:'DM Mono',monospace;font-size:.58rem;color:var(--accent);border:1px solid rgba(56,189,248,.18);border-radius:100px;padding:.1rem .38rem;}
.profile-action.done{color:#8f8faa;}
.profile-action.done span{color:#34d399;border-color:rgba(52,211,153,.22);}
.application-pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:.75rem;}
.pipeline-step{background:rgba(7,7,15,.48);border:1px solid rgba(238,238,248,.08);border-radius:10px;padding:.8rem;text-align:center;}
.pipeline-step strong{display:block;font-family:'Syne',sans-serif;font-size:1.3rem;color:var(--accent);}
.pipeline-step span{font-family:'DM Mono',monospace;font-size:.62rem;color:var(--muted);}
.pipeline-apps{grid-column:1/-1;display:grid;gap:.45rem;margin-top:.25rem;}
.pipeline-app-row{font-size:.75rem;color:#a7a7be;background:rgba(7,7,15,.34);border:1px solid rgba(238,238,248,.07);border-radius:8px;padding:.55rem .65rem;line-height:1.45;}
.pipeline-app-row span{font-family:'DM Mono',monospace;font-size:.58rem;color:var(--accent);text-transform:uppercase;margin-right:.5rem;}
.pipeline-app-row.empty{color:var(--muted);}
.app-note{width:100%;min-height:64px;margin-top:.65rem;padding:.58rem .7rem;background:rgba(7,7,15,.58);border:1px solid rgba(238,238,248,.1);border-radius:8px;color:var(--text);font-family:'DM Sans',sans-serif;font-size:.78rem;resize:vertical;outline:none;}
.app-note:focus{border-color:rgba(56,189,248,.45);}
.message-list{display:grid;gap:.45rem;margin-top:.75rem;}
.message-row{font-size:.76rem;color:#a7a7be;background:rgba(7,7,15,.34);border:1px solid rgba(238,238,248,.07);border-radius:8px;padding:.6rem .7rem;line-height:1.5;}
.message-row span{display:block;font-family:'DM Mono',monospace;font-size:.58rem;color:var(--accent);margin-bottom:.18rem;}
.message-row.empty{color:var(--muted);}
.tool-card-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;}
.tool-card-head p{color:var(--muted);font-size:.75rem;line-height:1.55;margin-top:.2rem;}
.tool-card-head strong{font-family:'Syne',sans-serif;font-size:2.4rem;color:var(--accent);}
.score-bar{height:8px;border-radius:100px;background:rgba(238,238,248,.08);overflow:hidden;margin:.85rem 0 1rem;}
.score-bar div{height:100%;width:0%;border-radius:100px;background:linear-gradient(90deg,var(--danger),var(--gold),var(--finance));transition:width .6s ease;}
.insight-list,.learning-list,.candidate-search-results{display:grid;gap:.55rem;margin-top:.8rem;}
.insight-row,.learning-row,.candidate-result-row{padding:.72rem .8rem;border-radius:10px;background:rgba(7,7,15,.42);border:1px solid rgba(238,238,248,.08);font-size:.78rem;line-height:1.55;color:#a7a7be;}
.insight-row strong,.learning-row strong,.candidate-result-row strong{display:block;color:var(--text);font-size:.82rem;margin-bottom:.15rem;}
.locked-candidate-row{position:relative;overflow:hidden;min-height:118px;border-color:rgba(56,189,248,.2);background:rgba(8,13,28,.84);}
.locked-candidate-blur{filter:blur(4px);opacity:.42;pointer-events:none;user-select:none;}
.locked-candidate-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.46rem;padding:1rem;text-align:center;background:linear-gradient(180deg,rgba(3,8,23,.7),rgba(3,8,23,.92));}
.locked-candidate-overlay strong{color:var(--text);font-size:.86rem;}
.locked-candidate-overlay span{max-width:390px;color:var(--muted);font-size:.72rem;line-height:1.45;}
.one-page-profile,.skill-gap-panel{margin-top:.8rem;padding:1rem;border-radius:12px;background:rgba(7,7,15,.42);border:1px solid rgba(238,238,248,.08);color:#cfcfe0;font-size:.82rem;line-height:1.7;white-space:pre-wrap;}
.skill-gap-tags{display:flex;flex-wrap:wrap;gap:.38rem;margin-top:.65rem;}
.skill-gap-tags span{font-family:'DM Mono',monospace;font-size:.62rem;color:var(--gold);background:rgba(240,192,96,.08);border:1px solid rgba(240,192,96,.18);border-radius:100px;padding:.18rem .52rem;}
.ai-tool-row{display:flex;gap:.55rem;margin-top:.8rem;}
.ai-tool-input{flex:1;padding:.68rem .8rem;background:rgba(7,7,15,.62);border:1px solid rgba(238,238,248,.105);border-radius:8px;color:var(--text);outline:none;}
.ai-tool-textarea{width:100%;min-height:110px;padding:.72rem .85rem;background:rgba(7,7,15,.62);border:1px solid rgba(238,238,248,.105);border-radius:10px;color:var(--text);font-family:'DM Sans',sans-serif;font-size:.82rem;line-height:1.55;resize:vertical;outline:none;}
.employer-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:.85rem;}
.pipeline-column{min-height:140px;border:1px solid rgba(238,238,248,.08);border-radius:12px;background:rgba(7,7,15,.34);padding:.7rem;}
.pipeline-column h4{font-family:'DM Mono',monospace;font-size:.62rem;color:var(--accent);text-transform:uppercase;margin-bottom:.55rem;}
.pipeline-card-mini{padding:.52rem .58rem;border-radius:8px;background:rgba(22,22,37,.75);border:1px solid rgba(238,238,248,.07);font-size:.72rem;color:#cfcfe0;line-height:1.45;margin-bottom:.45rem;}
.inline-link{margin-left:.5rem;background:transparent;border:none;color:var(--danger);font-family:'DM Mono',monospace;font-size:.62rem;cursor:pointer;}
.job-detail-card{width:min(680px,100%);text-align:left;}
.candidate-detail-card{width:min(760px,100%);text-align:left;}
.employer-profile-grid,.candidate-fit-panel,.job-detail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:.85rem 0;}
.employer-profile-grid div,.candidate-fit-panel div,.job-detail-summary div{padding:.75rem;background:rgba(7,7,15,.46);border:1px solid rgba(238,238,248,.08);border-radius:10px;}
.employer-profile-grid span,.candidate-fit-panel span,.job-detail-summary span{display:block;font-family:'DM Mono',monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.3rem;}
.employer-profile-grid strong,.candidate-fit-panel strong,.job-detail-summary strong{font-family:'Syne',sans-serif;font-size:.9rem;color:var(--text);}
.modal-list{display:grid;gap:.45rem;margin-top:.35rem;}
.modal-list-row{padding:.58rem .65rem;border:1px solid rgba(238,238,248,.08);border-radius:9px;background:rgba(7,7,15,.38);font-size:.78rem;color:var(--muted);line-height:1.55;}
.modal-list-row strong{display:block;color:var(--text);margin-bottom:.1rem;}
.applicant-card{align-items:flex-start;cursor:default;}
.applicant-card:hover{transform:none;}
.applicant-icon{background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.18);color:var(--accent);}
.jobs-section,.trust-section,.tools-section,.resources-section,.support-section{padding-top:6.8rem;min-height:100vh;background:linear-gradient(180deg,rgba(14,86,190,.12),rgba(3,8,23,.18) 34%,rgba(3,8,23,0));}
.jobs-toolbar{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.4rem 0 1.2rem;}
.jobs-search-input,.jobs-filter{padding:.7rem .9rem;background:rgba(7,7,15,.72);border:1px solid rgba(238,238,248,.11);border-radius:9px;color:var(--text);font-family:'DM Sans',sans-serif;font-size:.86rem;outline:none;}
.jobs-count-pill{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin:.2rem 0 .4rem;padding:.34rem .78rem;border-radius:100px;border:1px solid rgba(56,189,248,.18);background:rgba(56,189,248,.07);color:var(--accent);font-family:'DM Mono',monospace;font-size:.68rem;}
.jobs-search-input{flex:1;min-width:260px;}
.jobs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;}
.job-card{background:linear-gradient(180deg,rgba(12,18,36,.96),rgba(8,12,26,.92));border:1px solid rgba(56,189,248,.1);border-radius:14px;padding:1.1rem;box-shadow:0 18px 48px rgba(0,0,0,.22);}
.job-card-top{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.75rem;}
.job-card h3{font-family:'Syne',sans-serif;font-size:1rem;margin-bottom:.2rem;}
.job-card p{color:var(--muted);font-size:.78rem;line-height:1.55;}
.verified-pill{font-family:'DM Mono',monospace;font-size:.6rem;color:var(--muted);border:1px solid rgba(238,238,248,.1);border-radius:100px;padding:.16rem .5rem;height:max-content;white-space:nowrap;}
.verified-pill.verified,.employer-status-pill.verified{color:#34d399;background:rgba(52,211,153,.09);border-color:rgba(52,211,153,.22);}
.job-skill-row{display:flex;flex-wrap:wrap;gap:.35rem;margin:.75rem 0;}
.job-skill-row span{font-family:'DM Mono',monospace;font-size:.63rem;color:var(--accent);background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.16);border-radius:100px;padding:.16rem .5rem;}
.job-card-desc{min-height:48px;}
.job-match-mini{font-family:'DM Mono',monospace;font-size:.68rem;color:var(--gold);margin:.75rem 0;}
.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:1.4rem;}
.trust-card{background:linear-gradient(180deg,rgba(12,18,36,.95),rgba(8,12,26,.9));border:1px solid rgba(56,189,248,.1);border-radius:14px;padding:1.2rem;}
.trust-card span{font-family:'DM Mono',monospace;font-size:.65rem;color:var(--accent);}
.trust-card h3{font-family:'Syne',sans-serif;font-size:1rem;margin:.55rem 0 .4rem;}
.trust-card p{color:var(--muted);font-size:.82rem;line-height:1.65;}
.faq-section{background:linear-gradient(180deg,rgba(15,15,26,.65),rgba(7,7,15,0));border-top:1px solid rgba(238,238,248,.06);}
.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1.4rem;}
.faq-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.2rem;}
.faq-card h3{font-family:'Syne',sans-serif;font-size:1rem;margin-bottom:.45rem;}
.faq-card p{color:var(--muted);font-size:.84rem;line-height:1.65;}
.product-suite-section,.stories-section{background:linear-gradient(180deg,rgba(7,7,15,0),rgba(15,15,26,.55));}
.feature-grid,.story-grid,.article-grid,.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.4rem;}
.feature-card,.story-card,.article-card,.support-card{background:linear-gradient(180deg,rgba(12,18,36,.95),rgba(8,12,26,.9));border:1px solid rgba(56,189,248,.1);border-radius:14px;padding:1.2rem;}
.feature-card span,.article-card span{font-family:'DM Mono',monospace;font-size:.64rem;color:var(--accent);text-transform:uppercase;}
.feature-card h3,.story-card h3,.article-card h3,.support-card h3{font-family:'Syne',sans-serif;font-size:1rem;margin:.5rem 0 .45rem;}
.feature-card p,.story-card p,.article-card p{color:var(--muted);font-size:.83rem;line-height:1.65;margin-bottom:.75rem;}
.flip-guide-grid{perspective:1200px;}
.flip-card{padding:0;min-height:260px;background:transparent;border:0;box-shadow:none;cursor:pointer;perspective:1200px;}
.flip-card-inner{position:relative;width:100%;min-height:260px;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1);}
.flip-card.flipped .flip-card-inner{transform:rotateY(180deg);}
.flip-card-face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;backface-visibility:hidden;border-radius:14px;padding:1.2rem;background:linear-gradient(180deg,rgba(12,18,36,.95),rgba(8,12,26,.9));border:1px solid rgba(56,189,248,.1);box-shadow:0 18px 50px rgba(0,0,0,.16);}
.flip-card-face h3{font-family:'Syne',sans-serif;font-size:1rem;margin:.5rem 0 .45rem;}
.flip-card-face p{color:var(--muted);font-size:.83rem;line-height:1.65;margin-bottom:.75rem;}
.flip-card-face .match-action-btn{align-self:flex-start;margin-top:auto;}
.flip-back{transform:rotateY(180deg);background:linear-gradient(180deg,rgba(16,35,59,.96),rgba(8,12,26,.92));border-color:rgba(56,189,248,.24);}
.flip-back h3{color:var(--accent);}
.flip-card:hover .flip-card-face{border-color:rgba(56,189,248,.28);}
.about-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.75fr);gap:2rem;align-items:center;margin-bottom:1.6rem;}
.about-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.1rem;}
.about-image-stack{position:relative;min-height:360px;border-radius:22px;overflow:hidden;border:1px solid rgba(56,189,248,.18);background:rgba(15,15,26,.82);box-shadow:0 30px 80px rgba(0,0,0,.28);}
.about-image-stack img{width:100%;height:100%;min-height:360px;object-fit:cover;filter:saturate(.9) contrast(1.04);}
.about-image-stack::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,23,.05),rgba(3,8,23,.72));}
.about-image-badge{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:2;padding:1rem;border-radius:16px;background:rgba(6,10,22,.82);border:1px solid rgba(238,238,248,.12);backdrop-filter:blur(16px);}
.about-image-badge strong{display:block;font-family:'Syne',sans-serif;margin-bottom:.25rem;color:var(--text);}
.about-image-badge span{display:block;color:var(--muted);font-size:.86rem;line-height:1.55;}
.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0;}
.about-card{background:rgba(15,15,26,.82);border:1px solid rgba(238,238,248,.09);border-radius:16px;overflow:hidden;min-height:100%;box-shadow:0 18px 52px rgba(0,0,0,.18);}
.about-card img{width:100%;height:170px;object-fit:cover;display:block;filter:saturate(.88);}
.about-card div{padding:1.15rem;}
.about-card span{font-family:'DM Mono',monospace;font-size:.68rem;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;}
.about-card h3{font-family:'Syne',sans-serif;font-size:1.08rem;margin:.45rem 0;color:var(--text);}
.about-card p{color:var(--muted);font-size:.88rem;line-height:1.7;}
.about-process{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1fr);gap:1rem;align-items:stretch;margin-top:1.5rem;padding:1.2rem;border:1px solid rgba(56,189,248,.13);border-radius:18px;background:linear-gradient(135deg,rgba(12,18,36,.92),rgba(5,7,18,.74));}
.about-process-copy{padding:1rem;}
.about-process-copy h3{font-family:'Playfair Display',serif;font-size:1.9rem;line-height:1.12;margin:.35rem 0 .7rem;}
.about-process-copy p{color:var(--muted);line-height:1.7;}
.about-steps{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;}
.about-steps div{padding:1rem;border-radius:14px;background:rgba(5,7,18,.64);border:1px solid rgba(238,238,248,.08);}
.about-steps span{font-family:'DM Mono',monospace;color:var(--accent);font-size:.72rem;}
.about-steps strong{display:block;margin:.45rem 0 .35rem;color:var(--text);}
.about-steps p{color:var(--muted);font-size:.84rem;line-height:1.6;}
.about-team{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.3rem;}
.about-team>div{padding:1.25rem;border-radius:16px;background:rgba(15,15,26,.82);border:1px solid rgba(238,238,248,.09);}
.about-team h3{font-family:'Syne',sans-serif;margin:.45rem 0;color:var(--text);}
.about-team p{color:var(--muted);line-height:1.7;}
.tool-note{color:var(--muted);font-size:.8rem;line-height:1.6;margin:.35rem 0 .8rem;}
.tools-command{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1.4rem 0 1rem;padding:1.2rem 1.25rem;background:linear-gradient(135deg,rgba(56,189,248,.11),rgba(20,20,34,.92));border:1px solid rgba(56,189,248,.18);border-radius:16px;box-shadow:0 22px 65px rgba(0,0,0,.24);}
.tools-command span,.tools-live-card > span,.tool-card-head span{font-family:'DM Mono',monospace;font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);}
.tools-command h3{font-family:'Syne',sans-serif;font-size:1.2rem;margin:.35rem 0 .25rem;color:var(--text);}
.tools-command p,.tools-live-card p{color:var(--muted);font-size:.84rem;line-height:1.6;}
.tools-command-actions{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end;}
.tools-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;}
.tools-live-card{background:linear-gradient(180deg,rgba(18,18,31,.96),rgba(12,12,22,.9));border:1px solid rgba(238,238,248,.085);border-radius:16px;padding:1.15rem;min-height:180px;box-shadow:0 18px 50px rgba(0,0,0,.2);}
.tools-live-card.accent{border-color:rgba(56,189,248,.24);background:linear-gradient(180deg,rgba(56,189,248,.09),rgba(12,12,22,.93));}
.tools-live-card.wide{grid-column:span 2;}
.tools-live-card h3{font-family:'Syne',sans-serif;font-size:1rem;margin:.4rem 0 .35rem;color:var(--text);}
.one-page-profile.compact{max-height:220px;overflow:auto;font-size:.74rem;margin-top:.75rem;}
.tools-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:.85rem 0;}
.tools-kpi-grid div{padding:.8rem .65rem;background:rgba(7,7,15,.42);border:1px solid rgba(238,238,248,.08);border-radius:10px;text-align:center;}
.tools-kpi-grid strong{display:block;font-family:'Syne',sans-serif;font-size:1.35rem;color:var(--accent);}
.tools-kpi-grid span{font-family:'DM Mono',monospace;font-size:.62rem;color:var(--muted);}
.feature-matrix{margin-top:1.3rem;background:linear-gradient(180deg,rgba(20,20,34,.9),rgba(12,12,22,.82));border:1px solid rgba(238,238,248,.09);border-radius:16px;padding:1rem;box-shadow:0 24px 70px rgba(0,0,0,.26);}
.matrix-head,.matrix-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:1rem;align-items:center;padding:.82rem .9rem;border-radius:10px;}
.matrix-head{background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.16);margin-bottom:.45rem;}
.matrix-head span,.matrix-row span{font-family:'DM Mono',monospace;font-size:.72rem;color:var(--muted);}
.matrix-head strong{font-family:'Syne',sans-serif;color:var(--text);}
.matrix-row{border-bottom:1px solid rgba(238,238,248,.06);}
.matrix-row:last-child{border-bottom:0;}
.matrix-row strong{justify-self:start;padding:.26rem .65rem;border-radius:999px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.18);font-family:'DM Mono',monospace;font-size:.7rem;color:var(--bio);}
.guide-panel{margin-top:1.2rem;}
.jd-generator-box{margin-bottom:1.25rem;padding:1rem;border:1px solid rgba(56,189,248,.14);border-radius:14px;background:rgba(56,189,248,.04);}
.help-widget{position:fixed;right:1rem;bottom:1rem;z-index:700;}
.help-toggle{padding:.75rem 1rem;border-radius:999px;border:1px solid rgba(56,189,248,.28);background:var(--accent);color:#07111f;font-family:'DM Mono',monospace;font-weight:700;box-shadow:0 16px 42px rgba(0,0,0,.3);cursor:pointer;}
.help-panel{display:none;width:min(340px,calc(100vw - 2rem));background:var(--surface);border:1px solid rgba(56,189,248,.22);border-radius:16px;overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.42);}
.help-panel.open{display:block;}
.help-head{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-bottom:1px solid var(--border);}
.help-head strong{font-family:'Syne',sans-serif;font-size:.92rem;}
.help-head button{background:transparent;border:none;color:var(--muted);cursor:pointer;}
.help-messages{max-height:260px;overflow:auto;padding:.8rem;display:grid;gap:.55rem;}
.help-msg{padding:.62rem .72rem;border-radius:11px;font-size:.78rem;line-height:1.55;}
.help-msg.bot{background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.14);color:#cfefff;}
.help-msg.user{background:rgba(238,238,248,.06);border:1px solid rgba(238,238,248,.09);color:var(--text);justify-self:end;}
.help-input-row{display:flex;gap:.4rem;padding:.7rem;border-top:1px solid var(--border);}
.help-input-row input{flex:1;min-width:0;padding:.55rem .65rem;background:rgba(7,7,15,.72);border:1px solid rgba(238,238,248,.12);border-radius:8px;color:var(--text);outline:none;}
.help-input-row button{border:none;border-radius:8px;background:var(--accent);color:#07111f;font-family:'DM Mono',monospace;font-size:.7rem;padding:.55rem .7rem;cursor:pointer;}
.legal-strip{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.3rem 0 .8rem;}
.policy-panel{background:rgba(7,7,15,.5);border:1px solid rgba(238,238,248,.09);border-radius:12px;padding:1rem;color:#a7a7be;font-size:.85rem;line-height:1.65;}
/* PORTALS */
#page-portals section{background:linear-gradient(180deg,rgba(56,189,248,.045),rgba(7,7,15,0) 36%);}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;max-width:720px;margin:0 auto;}
.graduate-panel{max-width:860px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0) 26%),var(--surface);border-color:rgba(238,238,248,.11);box-shadow:0 28px 80px rgba(0,0,0,.34);}
.panel-header{padding:1.3rem 1.7rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.8rem;}
.graduate-panel-header{padding:1.55rem 1.9rem;background:rgba(255,255,255,.015);}
.panel-icon{font-size:1.3rem;}
.panel-mark{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(123,94,167,.16));border:1px solid rgba(56,189,248,.24);display:flex;align-items:center;justify-content:center;color:var(--accent);font-family:'Syne',sans-serif;font-size:.76rem;font-weight:800;letter-spacing:.06em;flex-shrink:0;}
.panel-header h3{font-family:'Syne',sans-serif;font-size:1.15rem;letter-spacing:-.01em;}
.panel-header p{font-size:.78rem;color:#8f8faa;font-family:'DM Sans',sans-serif;margin-top:.12rem;}
.badge-pill{margin-left:auto;padding:.28rem .72rem;border-radius:100px;font-size:.66rem;font-family:'DM Mono',monospace;white-space:nowrap;}
.bg-g{background:rgba(56,189,248,.09);color:var(--accent);border:1px solid rgba(56,189,248,.18);}
.bg-p{background:rgba(123,94,167,.1);color:#c9a0e8;}
.panel-body{padding:1.3rem 1.7rem;}
.graduate-panel .panel-body{padding:1.65rem;}
.graduate-form-block{padding:1.05rem;background:rgba(7,7,15,.28);border:1px solid rgba(238,238,248,.075);border-radius:14px;margin-bottom:1rem;}
.form-section-title{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;margin-bottom:.9rem;padding-bottom:.75rem;border-bottom:1px solid rgba(238,238,248,.07);}
.form-section-title span{font-family:'Syne',sans-serif;font-size:.92rem;font-weight:700;color:var(--text);}
.form-section-title p{font-size:.75rem;color:#777795;text-align:right;}
.fg{margin-bottom:.8rem;min-width:0;}
.fg:last-child{margin-bottom:0;}
.fg label{display:block;font-size:.62rem;font-family:'DM Mono',monospace;color:#85859d;margin-bottom:.35rem;letter-spacing:.08em;text-transform:uppercase;}
.fg input,.fg textarea,.fg select{width:100%;min-width:0;padding:.64rem .78rem;background:rgba(7,7,15,.62);border:1px solid rgba(238,238,248,.105);border-radius:8px;color:#e6e6f0;font-family:'DM Sans',sans-serif;font-size:.82rem;line-height:1.45;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;}
.fg input,.fg select{height:42px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:rgba(56,189,248,.62);box-shadow:0 0 0 3px rgba(56,189,248,.09);background:rgba(7,7,15,.9);}
.fg input[readonly]{color:#a7a7be;background:rgba(7,7,15,.38);cursor:not-allowed;}
.field-note{display:block;margin-top:.35rem;color:var(--muted);font-size:.68rem;line-height:1.35;}
.fg textarea{resize:vertical;min-height:82px;max-height:180px;}
.fg select option{background:var(--bg);}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.85rem;}
@media(max-width:640px){.grid2{grid-template-columns:1fr;}.form-section-title{display:block;}.form-section-title p{text-align:left;margin-top:.25rem;}}
.skill-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.42rem;}
.chip{padding:.32rem .72rem;border-radius:8px;font-size:.72rem;font-family:'DM Mono',monospace;background:rgba(22,22,37,.72);border:1px solid rgba(238,238,248,.1);color:#8f8faa;cursor:pointer;transition:all .2s;}
.chip:hover{border-color:rgba(56,189,248,.35);color:var(--text);}
.chip.active{background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.34);color:var(--accent);}
.upload-zone{border:1px dashed rgba(56,189,248,.22);border-radius:14px;padding:1.45rem;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:1rem;background:rgba(56,189,248,.035);}
.upload-zone:hover{border-color:rgba(56,189,248,.55);background:rgba(56,189,248,.06);}
.upload-icon{width:44px;height:44px;margin:0 auto .65rem;border-radius:12px;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.22);display:flex;align-items:center;justify-content:center;color:var(--accent);font-family:'DM Mono',monospace;font-size:.75rem;font-weight:700;}
.upload-zone p{font-size:.86rem;color:#8f8faa;line-height:1.55;}
.upload-zone p strong{color:var(--text);font-size:.95rem;font-weight:700;}
.upload-zone span{color:var(--accent);}
.cv-result-card{background:rgba(7,7,15,.42);border:1px solid rgba(56,189,248,.13);border-radius:12px;padding:.82rem .9rem;margin-bottom:1rem;}
.cv-result-top{display:flex;align-items:center;gap:.55rem;margin-bottom:.7rem;}
.cv-check{width:18px;height:18px;border-radius:50%;background:#34d399;color:#07111f;display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:.56rem;font-weight:900;flex-shrink:0;}
#cv-filename{font-family:'DM Mono',monospace;font-size:.7rem;color:#d9d9e8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cv-remove-btn{margin-left:auto;background:transparent;border:1px solid rgba(238,238,248,.1);color:#8f8faa;border-radius:7px;padding:.22rem .6rem;font-family:'DM Mono',monospace;font-size:.63rem;cursor:pointer;transition:all .2s;white-space:nowrap;}
.cv-remove-btn:hover{border-color:rgba(248,113,113,.38);color:var(--danger);}
.cv-detected-label{font-family:'DM Mono',monospace;font-size:.58rem;color:#777795;letter-spacing:.08em;text-transform:uppercase;margin:.55rem 0 .35rem;}
.cv-pill-row{display:flex;flex-wrap:wrap;gap:.34rem;}
.cv-pill{max-width:100%;padding:.22rem .54rem;border-radius:7px;font-size:.66rem;font-family:'DM Mono',monospace;line-height:1.3;white-space:normal;overflow-wrap:anywhere;}
.cv-pill.info{background:rgba(56,189,248,.07);border:1px solid rgba(56,189,248,.16);color:var(--accent);}
.cv-pill.skill{background:rgba(52,211,153,.07);border:1px solid rgba(52,211,153,.16);color:#34d399;}
.cv-pill.warning{background:rgba(240,192,96,.08);border:1px solid rgba(240,192,96,.18);color:var(--gold);}
.cv-empty{color:#777795;font-size:.72rem;}
.badge-summary{background:rgba(56,189,248,.045);border:1px solid rgba(56,189,248,.13);border-radius:11px;padding:.95rem 1rem;margin-bottom:1rem;}
.badge-summary div{font-family:'DM Mono',monospace;font-size:.67rem;color:var(--accent);margin-bottom:.25rem;letter-spacing:.08em;text-transform:uppercase;}
.badge-summary p{font-size:.8rem;color:#8f8faa;}
.badge-summary span{color:var(--accent);cursor:pointer;}
.submit-btn{width:100%;padding:.95rem;border-radius:10px;background:linear-gradient(135deg,var(--accent),#60a5fa);color:#07111f;border:none;font-family:'DM Mono',monospace;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .2s;margin-top:.45rem;box-shadow:0 14px 36px rgba(56,189,248,.18);}
.submit-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 18px 44px rgba(56,189,248,.24);}
.submit-btn.purple{background:var(--accent);}

/* EMPLOYER POSTING */
.employer-quick-card{
  position:relative;
  overflow:hidden;
  border-color:rgba(56,189,248,.24);
  background:
    radial-gradient(circle at top right,rgba(56,189,248,.14),transparent 36%),
    var(--surface);
}
.employer-quick-content{
  text-align:center;
  padding:1.35rem 0 .35rem;
}
.employer-quick-card > .submit-btn{
  display:none;
}
.employer-quick-card .submit-btn{
  background:linear-gradient(135deg,var(--accent),#60a5fa)!important;
  box-shadow:0 12px 34px rgba(56,189,248,.18);
}
.employer-quick-icon{
  width:46px;
  height:46px;
  margin:0 auto .85rem;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(56,189,248,.12);
  border:1px solid rgba(56,189,248,.25);
  color:var(--accent);
  font-family:'Syne',sans-serif;
  font-size:1.6rem;
  font-weight:800;
}
.employer-quick-content h3{
  font-family:'Playfair Display',serif;
  font-size:1.45rem;
  margin-bottom:.45rem;
}
.employer-quick-content p{
  color:var(--muted);
  font-size:.86rem;
  line-height:1.65;
  max-width:440px;
  margin:0 auto 1.2rem;
}
.employer-primary-btn,
.post-submit-btn{
  background:linear-gradient(135deg,var(--accent),#60a5fa);
  box-shadow:0 12px 34px rgba(56,189,248,.18);
}
.post-section{
  padding-top:6.5rem;
  min-height:100vh;
  background:
    radial-gradient(circle at 15% 12%,rgba(56,189,248,.08),transparent 28%),
    radial-gradient(circle at 85% 20%,rgba(96,165,250,.07),transparent 30%);
}
.post-form-card{
  max-width:760px;
  margin:0 auto;
  padding:2.35rem;
  background:
    linear-gradient(180deg,rgba(56,189,248,.055),transparent 28%),
    var(--surface);
  border-color:rgba(56,189,248,.2);
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.post-form-card .section-label{
  color:var(--accent);
}
.post-form-card h2{
  margin-bottom:.5rem;
}
.post-intro{
  color:var(--muted);
  margin-bottom:2rem;
  font-family:'DM Mono',monospace;
  font-size:.85rem;
}
.post-form-card .fg input,
.post-form-card .fg textarea,
.post-form-card .fg select{
  background:rgba(7,7,15,.82);
  border-color:rgba(56,189,248,.14);
}
.post-form-card .fg input:focus,
.post-form-card .fg textarea:focus,
.post-form-card .fg select:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(56,189,248,.08);
}
.post-submit-btn{
  margin-top:.9rem;
  padding:1rem;
  font-size:.9rem;
}

/* CV UPLOAD */
@keyframes spin{to{transform:rotate(360deg)}}
.cv-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0;}

/* MATCH PAGE */
.match-section{position:relative;padding:7rem 2rem 5rem;overflow:hidden;background:linear-gradient(180deg,rgba(15,15,26,.2),rgba(7,7,15,0) 42%);}
.match-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(56,189,248,.13),transparent 28%),radial-gradient(circle at 84% 28%,rgba(52,211,153,.08),transparent 26%),radial-gradient(circle at 72% 78%,rgba(244,114,182,.07),transparent 24%);pointer-events:none;}
.match-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(56,189,248,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 78%);pointer-events:none;}
.match-shell{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.15fr;gap:3rem;align-items:center;max-width:1180px;margin:0 auto;}
.match-copy{max-width:480px;}
.match-lede{color:var(--muted);font-size:.94rem;line-height:1.75;margin-bottom:1.35rem;}
.match-proof-grid{display:grid;gap:.75rem;margin:1.35rem 0;}
.match-proof{display:grid;grid-template-columns:auto 1fr;column-gap:.75rem;row-gap:.18rem;padding:.9rem 1rem;background:rgba(15,15,26,.72);border:1px solid rgba(56,189,248,.11);border-radius:12px;}
.match-proof span{grid-row:1/3;font-family:'DM Mono',monospace;font-size:.66rem;color:var(--accent);padding-top:.12rem;}
.match-proof strong{font-size:.88rem;}
.match-proof p{color:var(--muted);font-size:.76rem;line-height:1.55;}
.match-run-btn{margin-top:.4rem;padding:.78rem 1.35rem;border-radius:8px;background:var(--accent);color:#07111f;border:none;font-family:'DM Mono',monospace;font-size:.8rem;font-weight:700;cursor:pointer;transition:filter .2s,transform .2s,box-shadow .2s;box-shadow:0 12px 34px rgba(56,189,248,.18);}
.match-run-btn:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 16px 44px rgba(56,189,248,.26);}
.match-visual{position:relative;background:linear-gradient(180deg,rgba(22,22,37,.96),rgba(15,15,26,.94));border:1px solid rgba(56,189,248,.18);border-radius:18px;padding:1.45rem;box-shadow:0 28px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden;}
.match-visual::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(56,189,248,.09),transparent 38%,rgba(52,211,153,.055));pointer-events:none;}
.match-visual>*{position:relative;z-index:1;}
.match-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.1rem;}
.match-kicker,.entity-label,.match-score-panel p,.match-insights span{font-family:'DM Mono',monospace;font-size:.63rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;}
.match-card-top h3{font-family:'Playfair Display',serif;font-size:1.35rem;line-height:1.15;margin-top:.2rem;}
.match-live-pill{font-family:'DM Mono',monospace;font-size:.65rem;color:var(--finance);background:rgba(52,211,153,.09);border:1px solid rgba(52,211,153,.22);border-radius:100px;padding:.2rem .6rem;white-space:nowrap;}
.match-control-panel{display:grid;gap:.38rem;margin-bottom:1rem;padding:.85rem;background:rgba(7,7,15,.48);border:1px solid rgba(238,238,248,.08);border-radius:12px;}
.match-control-panel label{font-family:'DM Mono',monospace;font-size:.62rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;}
.match-control-panel select{width:100%;min-height:40px;padding:.55rem .7rem;border-radius:9px;border:1px solid var(--border);background:rgba(7,7,15,.78);color:var(--text);font-family:'DM Mono',monospace;font-size:.72rem;outline:none;}
.match-control-panel select:focus{border-color:var(--accent);}
.match-entities{display:grid;grid-template-columns:1fr 36px 1fr;align-items:center;gap:.75rem;margin-bottom:1rem;}
.match-entity{background:rgba(7,7,15,.64);border:1px solid rgba(238,238,248,.08);border-radius:12px;padding:.85rem;}
.match-entity strong{display:block;font-size:.9rem;margin:.2rem 0;}
.match-entity p{color:var(--muted);font-family:'DM Mono',monospace;font-size:.66rem;line-height:1.45;}
.match-link-line{height:1px;background:linear-gradient(90deg,rgba(56,189,248,.2),var(--accent),rgba(56,189,248,.2));position:relative;}
.match-link-line::after{content:'';position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);box-shadow:0 0 14px rgba(56,189,248,.8);}
.match-score-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.1rem;padding:1rem;background:rgba(56,189,248,.06);border:1px solid rgba(56,189,248,.15);border-radius:14px;}
.match-score-panel strong{display:block;font-family:'Syne',sans-serif;font-size:2.6rem;line-height:1;color:var(--accent);margin-top:.2rem;}
.match-score-panel>span{font-family:'DM Mono',monospace;font-size:.72rem;color:var(--muted);text-align:right;}
.match-bars-pro{display:grid;gap:.78rem;}
.match-factor{padding:.76rem .85rem;background:rgba(7,7,15,.5);border:1px solid rgba(238,238,248,.07);border-radius:12px;}
.mb-label{display:flex;justify-content:space-between;font-family:'DM Mono',monospace;font-size:.69rem;color:var(--muted);margin-bottom:.38rem;}
.match-pct{color:var(--text);}
.mb{height:8px;background:rgba(238,238,248,.09);border-radius:100px;overflow:hidden;cursor:pointer;}
.mb-fill{height:100%;border-radius:100px;transition:width 1.2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 18px rgba(56,189,248,.18);}
.match-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1rem;}
.match-insights div{padding:.75rem;background:rgba(22,22,37,.72);border:1px solid rgba(238,238,248,.07);border-radius:11px;}
.match-insights strong{display:block;margin-top:.25rem;font-size:.78rem;line-height:1.35;}
@media(max-width:900px){.match-shell{grid-template-columns:1fr;}.match-copy{max-width:none;}.match-section{padding:6.2rem .9rem 4rem;}}
@media(max-width:640px){.match-card-top,.match-score-panel{flex-direction:column;align-items:flex-start;}.match-score-panel>span{text-align:left;}.match-entities{grid-template-columns:1fr;}.match-link-line{height:24px;width:1px;justify-self:center;background:linear-gradient(180deg,rgba(56,189,248,.2),var(--accent),rgba(56,189,248,.2));}.match-insights{grid-template-columns:1fr;}.match-proof{grid-template-columns:1fr;}.match-proof span{grid-row:auto;}}

/* PRICING */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;max-width:900px;margin:0 auto;}
.plan-card{background:linear-gradient(180deg,rgba(12,18,36,.96),rgba(8,12,26,.92));border:1px solid rgba(56,189,248,.1);border-radius:18px;padding:1.8rem 1.6rem;transition:all .3s;position:relative;overflow:hidden;}
.plan-card.featured{border-color:var(--accent);}
.plan-card.featured::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));}
.plan-pop{position:absolute;top:1rem;right:1rem;font-family:'DM Mono',monospace;font-size:.62rem;padding:.15rem .55rem;border-radius:100px;background:rgba(0,229,160,.12);color:var(--accent);}
.plan-card:hover{transform:translateY(-5px);}
.plan-type{font-family:'DM Mono',monospace;font-size:.65rem;color:var(--muted);margin-bottom:.4rem;}
.plan-name{font-family:'Playfair Display',serif;font-size:1.4rem;margin-bottom:1.1rem;}
.plan-price{font-family:'Playfair Display',serif;font-size:2.6rem;font-weight:900;color:var(--accent);}
.plan-price sup{font-size:1rem;vertical-align:top;margin-top:.65rem;display:inline-block;}
.plan-price .period{font-family:'DM Mono',monospace;font-size:.76rem;color:var(--muted);}
.plan-note{margin-top:.2rem;color:var(--muted);font-size:.78rem;line-height:1.45;}
.plan-features{margin:1.1rem 0;display:flex;flex-direction:column;gap:.5rem;}
.plan-feature{display:flex;align-items:flex-start;gap:.55rem;font-size:.81rem;}
.plan-feature::before{content:'✓';color:var(--accent);font-weight:bold;flex-shrink:0;}
.plan-feature.no::before{content:'✗';color:var(--muted);}
.plan-feature.no{color:var(--muted);}
.plan-btn{width:100%;padding:.75rem;border-radius:9px;font-family:'DM Mono',monospace;font-size:.82rem;cursor:pointer;transition:all .2s;font-weight:500;}
.plan-card.featured .plan-btn{background:var(--accent);color:#07070f;border:none;}
.plan-card:not(.featured) .plan-btn{background:transparent;color:var(--text);border:1px solid var(--border);}
.plan-card:not(.featured) .plan-btn:hover{border-color:var(--accent);color:var(--accent);}

/* GAMES */
.arena-stage{position:relative;min-height:calc(100vh - 92px);}
.arena-blur-bg{filter:blur(7px);opacity:.38;pointer-events:none;user-select:none;}
.arena-blur-bg .gfc{cursor:default;}
.arena-blur-bg .gfc:hover{transform:none;box-shadow:none;}
.arena-coming-soon{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:5;width:min(90vw,560px);padding:2.2rem 2rem;text-align:center;background:linear-gradient(180deg,rgba(22,22,37,.92),rgba(15,15,26,.86));border:1px solid rgba(56,189,248,.22);border-radius:20px;box-shadow:0 32px 90px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(18px);}
.arena-coming-soon span{display:inline-flex;margin-bottom:.85rem;padding:.28rem .8rem;border-radius:999px;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.24);font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);}
.arena-coming-soon h2{font-family:'Playfair Display',serif;font-size:clamp(2.4rem,7vw,5.2rem);line-height:.95;margin-bottom:.85rem;color:var(--text);}
.arena-coming-soon p{max-width:420px;margin:0 auto;color:var(--muted);font-size:.95rem;line-height:1.7;}
.games-hero{padding:6.5rem 2rem 1.8rem;text-align:center;position:relative;overflow:hidden;}
.games-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 50% at 25% 0%,rgba(56,189,248,.1),transparent),radial-gradient(ellipse 50% 40% at 75% 0%,rgba(37,99,235,.08),transparent);}
.games-hero-content{position:relative;z-index:1;}
.games-label{display:inline-flex;align-items:center;gap:.4rem;font-family:'DM Mono',monospace;font-size:.68rem;color:var(--tech);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.1rem;}
.blink-dot{width:5px;height:5px;background:var(--tech);border-radius:50%;animation:blink 1.5s infinite;}
.games-hero h1{font-family:'Syne',sans-serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:800;line-height:1.1;margin-bottom:.8rem;}
.games-hero h1 em{font-style:italic;color:var(--tech);}
.games-hero p{color:var(--muted);font-size:.9rem;max-width:480px;margin:0 auto 1.6rem;font-style:italic;}
.xp-bar-wrap{max-width:400px;margin:0 auto .7rem;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:.9rem 1.2rem;}
.xp-bar-label{display:flex;justify-content:space-between;font-family:'DM Mono',monospace;font-size:.68rem;color:var(--muted);margin-bottom:.45rem;}
.xp-bar{height:5px;background:var(--surface3);border-radius:100px;overflow:hidden;}
.xp-fill{height:100%;background:linear-gradient(90deg,var(--tech),var(--design));border-radius:100px;transition:width .6s ease;width:0%;}
.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem;padding:1.3rem 2rem 4rem;max-width:1400px;margin:0 auto;}
.gfc{background:linear-gradient(180deg,rgba(12,18,36,.95),rgba(8,12,26,.9));border:1px solid rgba(56,189,248,.1);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .3s;position:relative;}
.gfc:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(0,0,0,.35);}
.gfc.completed{border-color:rgba(0,229,160,.4);}
.gfc.completed::after{content:'✓ QUALIFIED';position:absolute;top:.8rem;right:.8rem;font-family:'DM Mono',monospace;font-size:.58rem;padding:.16rem .5rem;border-radius:100px;background:rgba(0,229,160,.12);color:var(--accent);border:1px solid rgba(0,229,160,.25);}
.gfc-top{padding:1.2rem 1.2rem .8rem;border-bottom:1px solid var(--border);}
.gfc-icon{font-size:1.8rem;margin-bottom:.55rem;display:block;}
.gfc-name{font-family:'Syne',sans-serif;font-size:1rem;font-weight:700;margin-bottom:.22rem;}
.gfc-desc{font-size:.74rem;color:var(--muted);font-style:italic;line-height:1.5;}
.gfc-bottom{padding:.8rem 1.2rem;display:flex;align-items:center;justify-content:space-between;}
.gfc-meta{display:flex;gap:.8rem;}
.gfc-meta-item{font-family:'DM Mono',monospace;font-size:.62rem;color:var(--muted);}
.gfc-meta-item span{display:block;color:var(--text);font-size:.72rem;margin-top:.06rem;}
.gfc-play-btn{padding:.35rem .85rem;border-radius:7px;font-family:'DM Mono',monospace;font-size:.68rem;font-weight:500;cursor:pointer;border:none;transition:all .2s;}

/* colour helpers */
.c-tech{color:var(--tech)}.c-finance{color:var(--finance)}.c-design{color:var(--design)}.c-bio{color:var(--bio)}.c-law{color:var(--law)}.c-marketing{color:var(--marketing)}.c-econ{color:var(--econ)}.c-eng{color:var(--eng)}.c-psych{color:var(--psych)}.c-ds{color:var(--ds)}
.bt{background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.22)!important}
.bf{background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.22)!important}
.bd{background:rgba(244,114,182,.1);border-color:rgba(244,114,182,.22)!important}
.bb{background:rgba(167,139,250,.1);border-color:rgba(167,139,250,.22)!important}
.bl{background:rgba(251,146,60,.1);border-color:rgba(251,146,60,.22)!important}
.bm{background:rgba(250,204,21,.1);border-color:rgba(250,204,21,.22)!important}
.be{background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.22)!important}
.ben{background:rgba(249,115,22,.1);border-color:rgba(249,115,22,.22)!important}
.bp{background:rgba(232,121,249,.1);border-color:rgba(232,121,249,.22)!important}
.bds{background:rgba(34,211,238,.1);border-color:rgba(34,211,238,.22)!important}

/* GAME MODAL */
.modal-overlay{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.85);backdrop-filter:blur(14px);display:none;align-items:center;justify-content:center;padding:1rem;}
.modal-overlay.open{display:flex;}
.modal{background:var(--surface);border:1px solid var(--border);border-radius:18px;width:100%;max-width:680px;max-height:92vh;overflow-y:auto;animation:slideUp .28s ease;}
.modal-hdr{padding:1.2rem 1.6rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.8rem;position:sticky;top:0;background:var(--surface);z-index:10;}
.modal-hdr-icon{font-size:1.5rem;}
.modal-hdr h2{font-family:'Syne',sans-serif;font-size:1.08rem;font-weight:700;}
.modal-hdr p{font-size:.72rem;color:var(--muted);font-family:'DM Mono',monospace;}
.modal-close{margin-left:auto;background:var(--surface2);border:1px solid var(--border);color:var(--muted);width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;}
.modal-close:hover{color:var(--text);border-color:var(--text);}
.modal-body{padding:1.6rem;}
.gs{display:none;}.gs.active{display:block;}
.start-info{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:1.2rem;margin-bottom:1.1rem;}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:.8rem;}
.info-item{text-align:center;padding:.7rem;background:var(--bg);border-radius:9px;}
.info-val{font-family:'Syne',sans-serif;font-size:1.2rem;font-weight:700;}
.info-key{font-family:'DM Mono',monospace;font-size:.58rem;color:var(--muted);margin-top:.1rem;}
.start-desc{color:var(--muted);font-size:.83rem;font-style:italic;line-height:1.7;}
.start-btn{width:100%;padding:.9rem;border-radius:11px;border:none;font-family:'Syne',sans-serif;font-size:.92rem;font-weight:700;cursor:pointer;transition:all .2s;margin-top:.85rem;}
.start-btn:hover{filter:brightness(1.1);transform:translateY(-2px);}
.timer-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem;}
.timer-txt,.score-txt{font-family:'DM Mono',monospace;font-size:.72rem;color:var(--muted);}
.timer-txt span,.score-txt span{color:var(--tech);}
.quiz-pips{display:flex;gap:.28rem;margin-bottom:1rem;}
.pip{height:3px;flex:1;background:var(--surface3);border-radius:100px;transition:background .3s;}
.pip.done{background:var(--tech);}
.pip.cur{background:rgba(56,189,248,.32);}
.q-num{font-family:'DM Mono',monospace;font-size:.64rem;color:var(--muted);margin-bottom:.55rem;}
.q-text{font-size:.93rem;line-height:1.68;margin-bottom:1.1rem;font-weight:600;}
.options{display:flex;flex-direction:column;gap:.55rem;}
.opt{padding:.8rem .95rem;background:var(--surface2);border:1px solid var(--border);border-radius:9px;cursor:pointer;font-size:.83rem;line-height:1.5;transition:all .2s;}
.opt:hover{border-color:var(--tech);background:rgba(56,189,248,.04);}
.opt.correct{border-color:#34d399;background:rgba(52,211,153,.08);color:#34d399;}
.opt.wrong{border-color:#f87171;background:rgba(248,113,113,.08);color:#f87171;}
.opt.disabled{cursor:default;pointer-events:none;}
.feedback{margin-top:.85rem;padding:.85rem .95rem;border-radius:9px;font-size:.81rem;line-height:1.6;font-style:italic;display:none;}
.feedback.show{display:block;}
.feedback.correct{background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.25);color:#34d399;}
.feedback.wrong{background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.25);color:#f87171;}
.next-q-btn{margin-top:.85rem;padding:.55rem 1.2rem;border-radius:7px;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:'DM Mono',monospace;font-size:.74rem;cursor:pointer;display:none;transition:all .2s;}
.next-q-btn.show{display:inline-block;}
.next-q-btn:hover{border-color:var(--tech);color:var(--tech);}
.code-task-box{background:var(--surface2);border:1px solid var(--border);border-radius:9px;padding:1rem;margin-bottom:.85rem;font-family:'DM Mono',monospace;font-size:.78rem;color:var(--muted);line-height:1.7;}
.code-task-box strong{color:var(--tech);}
.code-pre{margin-top:.65rem;padding:.7rem;background:#090b16;border-radius:7px;overflow-x:auto;font-size:.74rem;line-height:1.7;color:#94a3b8;}
.code-editor{width:100%;min-height:110px;padding:.85rem;background:#090b16;border:1px solid var(--border);border-radius:9px;color:#e2e8f0;font-family:'DM Mono',monospace;font-size:.78rem;resize:vertical;outline:none;line-height:1.7;transition:border-color .2s;}
.code-editor:focus{border-color:var(--tech);}
.run-btn{padding:.48rem 1.1rem;border-radius:7px;background:var(--tech);color:#07070f;font-family:'DM Mono',monospace;font-size:.74rem;font-weight:500;cursor:pointer;border:none;margin-top:.6rem;transition:all .2s;}
.run-btn:hover{filter:brightness(1.1);}
.code-out{margin-top:.85rem;padding:.85rem;background:#090b16;border:1px solid var(--border);border-radius:9px;font-family:'DM Mono',monospace;font-size:.75rem;min-height:42px;display:none;}
.code-out.show{display:block;}
.drag-area{display:flex;gap:.9rem;flex-wrap:wrap;}
.drag-col{flex:1;min-width:150px;}
.drag-col-title{font-family:'DM Mono',monospace;font-size:.64rem;color:var(--muted);margin-bottom:.55rem;text-transform:uppercase;letter-spacing:.1em;}
.drag-zone{min-height:90px;padding:.5rem;background:var(--surface2);border:1px solid var(--border);border-radius:9px;display:flex;flex-direction:column;gap:.32rem;transition:all .2s;}
.drag-zone.over{border-color:var(--design);background:rgba(244,114,182,.04);}
.drag-item{padding:.38rem .75rem;background:var(--surface3);border:1px solid var(--border);border-radius:6px;font-family:'DM Mono',monospace;font-size:.7rem;cursor:grab;user-select:none;transition:all .2s;}
.drag-item:hover{border-color:var(--design);color:var(--design);}
.drag-item.dragging{opacity:.3;}
.check-drag{width:100%;padding:.58rem;border-radius:7px;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:'DM Mono',monospace;font-size:.74rem;cursor:pointer;margin-top:.85rem;transition:all .2s;}
.check-drag:hover{border-color:var(--design);}
.scenario-box{background:var(--surface2);border:1px solid var(--border);border-radius:11px;padding:1.2rem;margin-bottom:1rem;}
.scenario-role{font-family:'DM Mono',monospace;font-size:.63rem;color:var(--muted);margin-bottom:.42rem;text-transform:uppercase;letter-spacing:.1em;}
.scenario-text{font-size:.85rem;line-height:1.75;font-style:italic;}
.s-question{font-weight:600;font-size:.89rem;margin-bottom:.7rem;}
.s-choices{display:flex;flex-direction:column;gap:.55rem;}
.s-choice{padding:.85rem .95rem;background:var(--surface2);border:1px solid var(--border);border-radius:9px;cursor:pointer;font-size:.82rem;line-height:1.5;transition:all .2s;}
.s-choice:hover{border-color:var(--law);background:rgba(251,146,60,.04);}
.s-choice.best{border-color:#34d399;background:rgba(52,211,153,.08);color:#34d399;}
.s-choice.ok{border-color:var(--law);background:rgba(251,146,60,.05);color:var(--law);}
.s-choice.poor{border-color:#f87171;background:rgba(248,113,113,.08);color:#f87171;}
.end-wrap{text-align:center;padding:.8rem 0;}
.score-ring{width:120px;height:120px;border-radius:50%;margin:0 auto 1.2rem;display:flex;align-items:center;justify-content:center;flex-direction:column;border:3px solid var(--tech);background:radial-gradient(circle,rgba(56,189,248,.06),transparent);position:relative;}
.score-ring::before{content:'';position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(56,189,248,.12);}
.score-pct{font-family:'Syne',sans-serif;font-size:2rem;font-weight:800;}
.score-lbl{font-family:'DM Mono',monospace;font-size:.58rem;color:var(--muted);}
.end-title{font-family:'Syne',sans-serif;font-size:1.3rem;font-weight:800;margin-bottom:.4rem;}
.end-sub{color:var(--muted);font-style:italic;font-size:.82rem;margin-bottom:1.1rem;}
.end-bdg{display:inline-flex;align-items:center;gap:.42rem;padding:.38rem .9rem;border-radius:100px;font-family:'DM Mono',monospace;font-size:.7rem;margin-bottom:1.1rem;}
.end-bdg.pass{background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.25);color:#34d399;}
.end-bdg.fail{background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.25);color:#f87171;}
.end-actions{display:flex;gap:.65rem;justify-content:center;flex-wrap:wrap;}
.end-btn{padding:.58rem 1.2rem;border-radius:8px;font-family:'DM Mono',monospace;font-size:.74rem;cursor:pointer;transition:all .2s;}
.end-btn.primary{background:var(--tech);color:#07070f;border:none;}
.end-btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text);}
.end-btn:hover{transform:translateY(-2px);}

/* ADMIN */
.admin-wrap{max-width:1100px;margin:0 auto;}
.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem;}
.admin-stat-card{background:linear-gradient(180deg,rgba(12,18,36,.95),rgba(8,12,26,.9));border:1px solid rgba(56,189,248,.1);border-radius:14px;padding:1.3rem 1.5rem;}
.admin-stat-val{font-family:'Syne',sans-serif;font-size:2rem;font-weight:700;margin-bottom:.2rem;}
.admin-stat-lbl{font-family:'DM Mono',monospace;font-size:.68rem;color:var(--muted);}
.admin-db-panel{background:rgba(10,10,22,.76);border:1px solid rgba(238,238,248,.12);border-radius:18px;padding:1.3rem;box-shadow:0 24px 70px rgba(0,0,0,.22);}
.admin-toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;border-bottom:1px solid rgba(238,238,248,.08);padding-bottom:1rem;margin-bottom:1rem;}
.admin-toolbar h3,.admin-editor-head h3{margin:.2rem 0 0;font-family:'Syne',sans-serif;font-size:1.15rem;color:var(--light);}
.admin-toolbar-actions{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.admin-toolbar-actions .jobs-search-input{min-width:230px;height:46px;padding:.85rem 1rem;}
.admin-record-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:1rem;}
.admin-record-list{display:flex;flex-direction:column;gap:.55rem;max-height:560px;overflow:auto;padding-right:.25rem;}
.admin-record-item{text-align:left;width:100%;border:1px solid rgba(238,238,248,.09);background:rgba(5,7,18,.7);border-radius:12px;padding:.85rem 1rem;cursor:pointer;transition:.2s ease;color:var(--light);}
.admin-record-item:hover,.admin-record-item.active{border-color:rgba(56,189,248,.45);background:rgba(56,189,248,.08);}
.admin-record-item strong{display:block;font-family:'DM Sans',sans-serif;font-size:.95rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.admin-record-item span{display:block;font-family:'DM Mono',monospace;font-size:.68rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.admin-editor{border:1px solid rgba(238,238,248,.09);background:rgba(5,7,18,.62);border-radius:14px;padding:1rem;}
.admin-editor-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.85rem;}
.admin-json-editor{width:100%;min-height:390px;resize:vertical;border:1px solid rgba(238,238,248,.12);border-radius:12px;background:#050712;color:var(--light);padding:1rem;font-family:'DM Mono',monospace;font-size:.78rem;line-height:1.65;outline:none;}
.admin-json-editor:focus{border-color:rgba(56,189,248,.5);box-shadow:0 0 0 3px rgba(56,189,248,.08);}
.admin-editor-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.85rem;}
.match-action-btn.danger{border-color:rgba(244,63,94,.35);color:#fb7185;}
.list-more-row{grid-column:1/-1;display:flex;justify-content:center;padding:1rem 0 .25rem;}
.match-list .list-more-row{display:flex;margin-top:.25rem;}
.list-more-row .match-action-btn{min-width:180px;justify-content:center;}
.users-wrap{background:linear-gradient(180deg,rgba(12,18,36,.95),rgba(8,12,26,.9));border:1px solid rgba(56,189,248,.1);border-radius:14px;overflow:hidden;}
.users-hdr{padding:1.1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;}
.users-hdr h3{font-family:'Playfair Display',serif;font-size:1.1rem;}
.search-input{padding:.42rem .8rem;background:var(--bg);border:1px solid var(--border);border-radius:7px;color:var(--text);font-family:'DM Mono',monospace;font-size:.75rem;outline:none;width:200px;}
.search-input:focus{border-color:var(--accent);}
.table-wrap{overflow-x:auto;}
table{width:100%;border-collapse:collapse;}
th{padding:.65rem 1rem;text-align:left;font-family:'DM Mono',monospace;font-size:.64rem;color:var(--muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;}
td{padding:.7rem 1rem;font-size:.82rem;border-bottom:1px solid var(--border);white-space:nowrap;}
tr:last-child td{border-bottom:none;}
tr:hover td{background:var(--surface2);}
.role-tag{display:inline-block;padding:.12rem .52rem;border-radius:100px;font-family:'DM Mono',monospace;font-size:.62rem;}
.role-tag.grad{background:rgba(0,229,160,.1);color:var(--accent);border:1px solid rgba(0,229,160,.18);}
.role-tag.emp{background:rgba(123,94,167,.1);color:#c9a0e8;border:1px solid rgba(123,94,167,.18);}
.sdot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:.35rem;}
.sdot.on{background:var(--accent);}
.sdot.off{background:var(--muted);}
.del-btn{padding:.18rem .55rem;border-radius:5px;border:1px solid rgba(248,113,113,.3);background:transparent;color:#f87171;font-family:'DM Mono',monospace;font-size:.62rem;cursor:pointer;transition:all .2s;}
.del-btn:hover{background:rgba(248,113,113,.1);}
.empty-state{text-align:center;padding:3rem;color:var(--muted);font-family:'DM Mono',monospace;font-size:.82rem;}

footer{padding:2rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem;position:relative;z-index:1;}
footer p{color:var(--muted);font-size:.75rem;font-family:'DM Mono',monospace;}

@media(max-width:700px){
  nav{padding:.75rem .9rem;}
  .nav-links .nav-link{padding:.35rem .5rem;font-size:.68rem;}
  .hero-search{border-radius:22px;align-items:stretch;flex-direction:column;padding:.85rem;}
  .hero-search-icon{display:none;}
  .hero-search input{width:100%;text-align:center;padding:.25rem .2rem;}
  .hero-search button{width:100%;}
  section{padding:4rem .9rem;}
  #page-games .arena-stage{height:calc(100dvh - 70px);min-height:540px;overflow:hidden;}
  #page-games .arena-blur-bg{height:100%;overflow:hidden;opacity:.32;}
  #page-games .games-hero{padding:5.15rem .9rem 1rem;}
  #page-games .games-grid{max-height:44vh;overflow:hidden;padding:.75rem .9rem 2rem;}
  #page-games .arena-coming-soon{top:50%;width:calc(100vw - 2rem);max-width:390px;padding:1.45rem 1.1rem;border-radius:18px;}
  #page-games .arena-coming-soon h2{font-size:clamp(2.35rem,14vw,3.55rem);}
  #page-games .arena-coming-soon p{font-size:.86rem;line-height:1.55;}
  .games-grid{padding:.9rem;grid-template-columns:1fr;}
  .gap-inner{padding:3rem .9rem;}
}

.match-pct-pill.accepted {
  background: rgba(52,211,153,.15);
  color: #34d399;
}

.match-pct-pill.rejected {
  background: rgba(248,113,113,.15);
  color: #f87171;
}

.match-pct-pill.applied {
  background: rgba(56,189,248,.1);
  color: var(--accent);
}

@media(max-width:980px){
  nav{
    align-items:center;
    gap:.7rem;
    padding:.65rem .85rem;
  }
  .logo{font-size:1.05rem;flex:0 0 auto;}
  .logo-img{width:34px;height:34px;}
  .nav-links{
    flex:1 1 auto;
    min-width:0;
    max-width:100%;
    overflow:visible;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .nav-links::-webkit-scrollbar{display:none;}
  .nav-link,.nav-menu-btn{padding:.45rem .72rem;font-size:.74rem;}
  .nav-right{flex:0 0 auto;gap:.4rem;}
  .xp-badge{padding:.24rem .55rem;font-size:.66rem;}
  .btn-sm{padding:.36rem .65rem;font-size:.7rem;}

  section{padding-left:1rem;padding-right:1rem;}
  .max-c{width:100%;max-width:100%;}
  .dash-grid{grid-template-columns:1fr;gap:1rem;}
  .dash-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;}
  .dash-sidebar .dash-card:first-child{grid-column:1/-1;}
  .panel,.graduate-panel{max-width:100%;}
  .jobs-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;}
  .jobs-search-input{grid-column:1/-1;min-width:0;}
  .jobs-filter,.jobs-toolbar .match-action-btn{width:100%;}
  .feature-grid,.story-grid,.article-grid,.support-grid{grid-template-columns:1fr 1fr;}
  .about-hero,.about-process{grid-template-columns:1fr;}
  .about-grid{grid-template-columns:1fr 1fr;}
  .employer-pipeline{grid-template-columns:1fr 1fr;}
  .match-shell{gap:1.4rem;}
}

@media(min-width:981px) and (max-width:1320px){
  nav{grid-template-columns:minmax(170px,auto) minmax(0,1fr) auto;padding:.65rem .9rem;gap:.65rem;}
  .logo{font-size:1.1rem;gap:.38rem;}
  .logo-img{width:34px;height:34px;}
  .nav-links{
    max-width:100%;
    gap:.08rem;
    padding:.18rem;
  }
  .nav-link,.nav-menu-btn{gap:.28rem;padding:.46rem .6rem;font-size:.74rem;}
  .nav-ico{width:.82rem;font-size:.68rem;}
  .nav-right{gap:.4rem;}
  .xp-badge{padding:.22rem .5rem;font-size:.64rem;}
  .btn-sm{padding:.34rem .58rem;font-size:.67rem;}
}

@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;}
  body{font-size:15px;}
  #particle-canvas{opacity:.25;}

  nav{
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-areas:
      "brand actions"
      "menu menu";
    row-gap:.55rem;
    padding:.62rem .75rem .7rem;
  }
  nav .logo{grid-area:brand;min-width:0;}
  nav .logo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .nav-right{grid-area:actions;justify-content:flex-end;}
  .nav-links{display:none;}
  .nav-right>.btn-sm{display:none!important;}
  .hamburger-btn{display:flex;}
  .mobile-menu{
    position:fixed;
    top:0;
    left:0;
    z-index:120;
    display:grid;
    grid-template-columns:1fr;
    gap:.42rem;
    width:min(82vw,320px);
    height:100dvh;
    padding:4.8rem .82rem 1rem;
    background:rgba(15,15,26,.96);
    border-right:1px solid var(--border);
    border-radius:0 16px 16px 0;
    box-shadow:18px 0 48px rgba(0,0,0,.32);
    transform:translateX(-105%);
    opacity:.98;
    pointer-events:none;
    transition:transform .28s ease,box-shadow .28s ease;
  }
  .mobile-menu.open{
    transform:translateX(0);
    pointer-events:auto;
  }
  .mobile-menu button{
    min-height:40px;
    padding:.55rem .65rem;
    border-radius:8px;
    border:1px solid rgba(238,238,248,.08);
    background:rgba(7,7,15,.46);
    color:var(--text);
    font-family:'DM Mono',monospace;
    font-size:.7rem;
    text-align:center;
    cursor:pointer;
  }
  .mobile-menu button.primary{
    background:var(--accent);
    border-color:var(--accent);
    color:#07111f;
    font-weight:700;
  }
  .mobile-menu button:hover,
  .mobile-menu button:focus{border-color:var(--accent);color:var(--accent);outline:none;}
  .mobile-menu button.primary:hover,
  .mobile-menu button.primary:focus{color:#07111f;filter:brightness(1.06);}
  .xp-badge{display:none;}
  #nav-login-btn,#nav-signup-btn,#nav-logout-btn{white-space:nowrap;}

  section{padding:5.8rem .85rem 3.5rem;}
  .page>.hero,
  .page>section,
  .gap-band,
  footer{width:100%;}
  .max-c,.hero-content,.admin-wrap{max-width:430px;margin-left:auto;margin-right:auto;}
  .match-shell,.gap-inner{max-width:430px;margin-left:auto;margin-right:auto;}
  #page-dashboard section,
  #page-portals section,
  .jobs-section,
  .trust-section,
  .games-hero,
  .match-section{padding-top:7.2rem!important;}

  h1{font-size:clamp(2.25rem,13vw,3.35rem);line-height:1.02;}
  h2.big{font-size:clamp(1.9rem,10vw,2.45rem);}
  .section-label{font-size:.64rem;letter-spacing:.14em;}
  .hero{
    min-height:100svh;
    align-items:flex-start;
    padding:7.25rem .95rem 3.8rem;
    background:
      radial-gradient(circle at 50% 18%,rgba(56,189,248,.26),transparent 24%),
      radial-gradient(ellipse 94% 50% at 50% 0%,rgba(14,86,190,.38),transparent 68%),
      linear-gradient(180deg,#04142e 0%,#030817 52%,#020617 100%);
  }
  .hero-glow{
    background:
      radial-gradient(ellipse 72% 32% at 50% 18%,rgba(56,189,248,.16),transparent 68%),
      radial-gradient(ellipse 62% 28% at 50% 70%,rgba(37,99,235,.12),transparent 72%),
      linear-gradient(180deg,rgba(2,6,23,.08),rgba(2,6,23,.72));
  }
  .hero-content{max-width:390px;padding-top:.35rem;}
  .hero-network{width:88%;height:34%;top:7%;opacity:.24;filter:blur(.2px) drop-shadow(0 0 8px rgba(56,189,248,.18));}
  .hero-network-left{left:-38%;transform:rotate(-8deg);}
  .hero-network-right{right:-38%;transform:rotate(8deg);}
  .hero-wave{width:420px;height:118px;filter:blur(34px);opacity:.2;}
  .hero-wave-1{left:-190px;top:18%;}
  .hero-wave-2{right:-190px;top:22%;}
  .hero-dot{opacity:.55;}
  .hero-dot-1{left:12%;top:18%;}
  .hero-dot-2{left:82%;top:15%;}
  .hero-dot-3{left:18%;top:60%;}
  .hero-dot-4{left:88%;top:55%;}
  .pill{margin-bottom:1.15rem;padding:.32rem .72rem;font-size:.62rem;max-width:100%;white-space:normal;justify-content:center;line-height:1.35;}
  .hero h1{font-size:clamp(2.72rem,16vw,4.15rem);line-height:.94;margin-bottom:1rem;text-wrap:balance;}
  .hero-sub{font-size:.96rem;line-height:1.55;max-width:330px;margin-bottom:1.3rem;color:#8f97b7;}
  .hero-search{border-radius:24px;align-items:stretch;flex-direction:column;gap:.55rem;padding:.85rem;background:rgba(238,242,255,.95);box-shadow:0 20px 58px rgba(0,0,0,.36),0 0 42px rgba(56,189,248,.2);}
  .hero-search-icon{display:none;}
  .hero-search input{width:100%;min-height:42px;text-align:center;padding:.35rem .35rem;font-size:.92rem;}
  .hero-search button{width:100%;min-height:44px;padding:.72rem 1rem;}
  .hero-ctas{display:grid;grid-template-columns:1fr;gap:.65rem;margin-top:.2rem;}
  .btn-hero{width:100%;padding:.86rem 1rem;border-radius:12px;}
  .stats-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:2.6rem;}
  .beta-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:1.15rem;padding:.55rem;border-radius:18px;background:rgba(9,14,31,.72);}
  .beta-stat{min-height:78px;padding:.78rem .82rem;border-radius:13px;}
  .beta-stat .stat-num{font-size:1rem;}
  .beta-stat .stat-label{font-size:.62rem;line-height:1.35;}

  .flow{grid-template-columns:1fr;gap:.85rem;}
  .flow-card{padding:1.15rem;}
  .gap-inner{padding:3.2rem .85rem;gap:1.6rem;}
  .gap-visual{grid-template-columns:1fr 1fr;}
  .gap-card{padding:.8rem;}

  .dash-sidebar{display:flex;}
  .dash-grid,.dash-main,.dash-sidebar{width:100%;max-width:100%;gap:.85rem;}
  #page-dashboard .dash-grid{display:flex;flex-direction:column;margin-top:1rem!important;}
  #page-dashboard .dash-sidebar,
  #page-dashboard .dash-main{display:flex;flex-direction:column;}
  #page-dashboard .dash-card{
    width:100%;
    margin:0;
    padding:1rem;
    border-radius:14px;
    overflow:hidden;
  }
  #page-dashboard .dash-card.sr-l,
  #page-dashboard .dash-card.sr-r{transform:none;}
  .avatar{width:58px;height:58px;font-size:1.35rem;}
  .profile-name{font-size:1.06rem;}
  .profile-title{overflow-wrap:anywhere;}
  .status-chips{justify-content:center;gap:.45rem;}
  .status-chip{flex:1 1 auto;text-align:center;min-width:118px;}
  .profile-completeness{width:100%;}
  .dc-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
    margin-bottom:.75rem;
  }
  .badge-grid{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:.42rem;
  }
  .badge-item{min-width:0;}
  .profile-actions{gap:.45rem;}
  .profile-action{
    min-height:44px;
    align-items:center;
    justify-content:flex-start;
  }
  #grad-xp-row{
    display:grid!important;
    grid-template-columns:1fr;
    align-items:start!important;
    gap:.75rem!important;
    margin-bottom:.8rem!important;
  }
  #grad-xp-row>div{width:100%;min-width:0!important;}
  .kpi-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;}
  .kpi{min-width:0;background:rgba(7,7,15,.32);border:1px solid rgba(238,238,248,.07);border-radius:10px;padding:.72rem .45rem;}
  .application-pipeline{grid-template-columns:1fr;gap:.55rem;}
  .employer-profile-grid,.candidate-fit-panel,.job-detail-summary{grid-template-columns:1fr;}
  .pipeline-apps{grid-column:auto;}
  .pipeline-app-row{overflow-wrap:anywhere;}
  .inline-link{display:block;margin:.45rem 0 0;}

  .match-item{
    align-items:flex-start;
    padding:.9rem;
    gap:.75rem;
    flex-wrap:wrap;
  }
  .match-list,.jobs-grid,.games-grid,.plans,.trust-grid,.flow{width:100%;}
  .match-item:hover{transform:none;}
  .match-co-icon{width:34px;height:34px;}
  .match-info{flex:1 1 calc(100% - 46px);}
  .match-pct-pill{margin-left:46px;}
  .match-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;width:100%;}
  .match-action-btn{min-height:36px;padding:.45rem .55rem;text-align:center;}
  .factor-row span,.employer-status-pill{font-size:.58rem;}

  .jobs-toolbar{grid-template-columns:1fr;}
  .jobs-search-input,.jobs-filter{min-width:0;width:100%;}
  .jobs-grid{grid-template-columns:1fr;}
  .feature-grid,.story-grid,.article-grid,.support-grid,.employer-pipeline{grid-template-columns:1fr;}
  .about-grid,.about-team,.about-steps{grid-template-columns:1fr;}
  .about-image-stack,.about-image-stack img{min-height:300px;}
  .about-process{padding:.9rem;}
  .matrix-head,.matrix-row{grid-template-columns:1fr;gap:.45rem;}
  .matrix-row strong{justify-self:start;}
  .admin-toolbar{align-items:stretch;flex-direction:column;}
  .admin-toolbar-actions{justify-content:flex-start;}
  .admin-toolbar-actions .jobs-search-input{min-width:0;width:100%;}
  .admin-record-layout{grid-template-columns:1fr;}
  .admin-record-list{max-height:320px;}
  .tools-command{align-items:flex-start;flex-direction:column;}
  .tools-command-actions{justify-content:flex-start;}
  .tools-live-grid{grid-template-columns:1fr;}
  .tools-live-card.wide{grid-column:auto;}
  .tools-kpi-grid{grid-template-columns:1fr;}
  .ai-tool-row{flex-direction:column;}
  .help-widget{right:.75rem;bottom:.75rem;}
  .job-card{padding:1rem;border-radius:13px;}
  .job-card-top{align-items:flex-start;}
  .job-card .match-actions{grid-template-columns:1fr 1fr;}

  .panel-header,.graduate-panel-header{padding:1rem;align-items:flex-start;}
  .panel-header h3{font-size:1rem;}
  .panel-header p{font-size:.74rem;}
  .panel-body,.graduate-panel .panel-body{padding:1rem;}
  .panel-mark{width:38px;height:38px;}
  .badge-pill{font-size:.58rem;padding:.24rem .5rem;}
  .upload-zone{padding:1.15rem .85rem;}
  .cv-file-card{padding:.9rem!important;}
  .cv-pill-row{gap:.35rem;}
  .cv-pill{font-size:.62rem;max-width:100%;}
  .skill-chips{gap:.4rem;}
  .chip{font-size:.7rem;padding:.38rem .62rem;}
  .form-section-title{gap:.35rem;}
  .fg input,.fg select{height:44px;}
  .fg textarea{min-height:110px;}

  .auth-overlay{padding:1rem .75rem;}
  .auth-card{border-radius:16px;max-height:calc(100vh - 2rem);}
  .auth-body{padding:1.25rem;}
  .role-select{flex-direction:column;}
  .modal-overlay,.profile-modal-overlay{align-items:flex-start;padding:.75rem;overflow-y:auto;}
  .modal,.profile-modal-card{max-height:none;border-radius:16px;}
  .modal-hdr{padding:1rem;}
  .modal-body{padding:1rem;}
  .info-grid{grid-template-columns:1fr;}

  .games-grid{grid-template-columns:1fr;padding:.85rem .85rem 3rem;}
  .games-hero p{font-size:.84rem;}
  .match-visual{padding:1rem;border-radius:15px;}
  .match-entities{gap:.65rem;}
  .match-insights{gap:.45rem;}
  .plans{grid-template-columns:1fr;}
  .admin-stats{grid-template-columns:1fr 1fr;}
  .users-wrap{border-radius:12px;}
  .table-wrap{margin:0 -.35rem;}

  footer{padding:1.2rem .85rem;display:grid;gap:.45rem;}
}

@media(max-width:420px){
  nav{padding:.55rem .6rem .65rem;}
  .logo-img{width:30px;height:30px;}
  .logo{font-size:.98rem;gap:.4rem;}
  .mobile-menu{grid-template-columns:1fr;}
  .btn-sm{padding:.34rem .52rem;font-size:.64rem;}
  section{padding-left:.7rem;padding-right:.7rem;}
  .hero{padding:7rem .72rem 3.4rem;}
  .hero h1{font-size:clamp(2.48rem,16vw,3.55rem);}
  .hero-sub{font-size:.9rem;max-width:300px;}
  .hero-content{max-width:340px;}
  .stats-row,.kpi-row,.admin-stats{grid-template-columns:1fr;}
  .beta-row{grid-template-columns:1fr;gap:.5rem;}
  .beta-stat{min-height:62px;align-items:center;text-align:center;padding:.65rem .75rem;}
  .beta-stat::before{left:50%;transform:translateX(-50%);top:.55rem;}
  .gap-visual{grid-template-columns:1fr;}
  #page-dashboard .badge-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;}
  .badge-item{font-size:.95rem;border-radius:8px;}
  .match-actions,.job-card .match-actions{grid-template-columns:1fr;}
  .match-pct-pill{margin-left:0;}
  .match-info{flex-basis:100%;}
  .match-co-icon{display:none;}
  .job-card-top{display:grid;gap:.55rem;}
  .verified-pill{width:max-content;}
  .panel-header{display:grid;grid-template-columns:auto 1fr;gap:.75rem;}
  .panel-header .badge-pill{grid-column:1/-1;margin-left:0;width:max-content;}
  .toast{left:.7rem;right:.7rem;bottom:1rem;max-width:none;}
}

/* Market-ready content polish while preserving the animated homepage backdrop */
#particle-canvas{
  opacity:.28;
}

#three-canvas{
  opacity:.38;
}

.hero-network{
  opacity:.5;
  filter:drop-shadow(0 0 8px rgba(56,189,248,.18));
}

.hero-dot{
  opacity:.65;
}

.hero-wave{
  opacity:.15;
}

body{
  background:
    radial-gradient(circle at 50% 0%,rgba(14,86,190,.16),transparent 32%),
    linear-gradient(180deg,#030817 0%,#050914 48%,#030817 100%);
}

.hero{
  min-height:78vh;
  padding:7rem 2rem 3.2rem;
  background:
    linear-gradient(180deg,rgba(7,16,38,.94),rgba(3,8,23,.96)),
    radial-gradient(circle at 50% 24%,rgba(56,189,248,.2),transparent 34%);
}

.hero-glow,
.hero-animated-bg::after{
  background:
    radial-gradient(ellipse 48% 24% at 50% 24%,rgba(56,189,248,.16),transparent 68%),
    linear-gradient(180deg,rgba(2,6,23,.06),rgba(2,6,23,.58));
}

.hero-content{
  max-width:760px;
}

.pill{
  margin-bottom:1.2rem;
  background:rgba(56,189,248,.08);
  border-color:rgba(56,189,248,.18);
  color:#9bdcff;
}

h1{
  font-size:clamp(2.5rem,5vw,4.2rem);
  letter-spacing:-.025em;
}

.hero-sub{
  max-width:610px;
  color:#9a9ab4;
  font-size:1.03rem;
  line-height:1.6;
}

.hero-search{
  margin-bottom:.8rem;
  animation:heroSearchPulse 6s ease-in-out infinite;
}

.btn-hero.o{
  display:none;
}

.beta-row{
  width:min(680px,100%);
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:1rem auto 0;
  padding:.45rem;
  border-radius:14px;
  background:rgba(8,13,28,.72);
  box-shadow:none;
}

.beta-stat{
  min-height:68px;
  border-radius:10px;
  background:rgba(255,255,255,.025);
}

.beta-stat .stat-num{
  font-family:'DM Sans',sans-serif;
  font-size:.98rem;
  font-weight:800;
}

.home-process-section{
  padding-top:4.2rem;
  padding-bottom:4.6rem;
}

.home-process-section .flow{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:1040px;
}

.home-process-section .flow-card{
  border-radius:12px;
  padding:1.35rem;
  transform:none;
  background:rgba(8,13,28,.78);
  box-shadow:none;
}

.home-process-section .flow-card:hover{
  transform:none;
}

.home-process-section .step-icon{
  display:none;
}

.home-process-section .flow-card:nth-child(n+4),
#page-home .gap-band,
#page-home .product-suite-section,
#page-home .stories-section,
#page-home .faq-section{
  display:none;
}

.dash-card,
.job-card,
.panel,
.trust-card,
.tools-live-card,
.resource-card,
.support-card,
.flow-card{
  box-shadow:none;
}

@media(max-width:900px){
  .home-process-section .flow,
  .beta-row{
    grid-template-columns:1fr;
  }
}