:root{--bg:#060a12;--bg-mid:#0a1220;--bg-elev:#0e1828;--bg-card:#121c30;--bg-card-hover:#162338;--border:#94b7ff1a;--border-strong:#94b7ff38;--text:#eef3fb;--muted:#8fa0bd;--accent:#2dd4bf;--accent-bright:#5eefd8;--accent-2:#5b9dff;--accent-3:#38bdf8;--accent-dim:#2dd4bf29;--accent-glow:#2dd4bf59;--blue-glow:#5b9dff47;--warn:#fbbf24;--danger:#fb7185;--ok:#4ade80;--radius:18px;--shadow:0 24px 64px #00000073, 0 0 0 1px #ffffff08;--shadow-glow:0 0 40px #2dd4bf1f, 0 20px 50px #0006;--font:"DM Sans", system-ui, sans-serif;--serif:"Instrument Serif", Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;background-color:var(--bg);background-image:radial-gradient(ellipse 900px 520px at 8% -8%, #5b9dff38, transparent 55%), radial-gradient(ellipse 700px 480px at 92% 2%, #2dd4bf2e, transparent 50%), radial-gradient(ellipse 600px 400px at 50% 110%, #38bdf81a, transparent 55%), linear-gradient(180deg, var(--bg-mid) 0%, var(--bg) 40%, #050810 100%);background-attachment:fixed;margin:0;line-height:1.55;position:relative}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#94b7ff09 1px,#0000 1px),linear-gradient(90deg,#94b7ff09 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(80% 70% at 50% 30%,#000 20%,#0000 75%)}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(180px at 75% 60%,#2dd4bf12,#0000 70%),radial-gradient(220px at 15% 75%,#5b9dff0f,#0000 70%);position:fixed;inset:0}button,input{font:inherit}.app{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.topbar{z-index:10;-webkit-backdrop-filter:blur(16px)saturate(1.2);border-bottom:1px solid var(--border);background:#060a12bf;padding:.9rem 1.25rem;position:sticky;top:0}.topbar__brand{align-items:center;gap:.85rem;max-width:740px;margin:0 auto;display:flex}.topbar__mark{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-3) 55%, var(--accent-2) 100%);width:38px;height:38px;box-shadow:0 0 0 3px var(--accent-dim), 0 0 24px var(--accent-glow);border-radius:11px;position:relative;overflow:hidden}.topbar__mark:after{content:"";background:linear-gradient(135deg,#0000 40%,#ffffff59);position:absolute;inset:0}.topbar__brand strong{letter-spacing:.01em;font-size:.95rem;display:block}.topbar__brand span{color:var(--muted);font-size:.78rem;display:block}.main{flex:1;width:100%;max-width:740px;margin:0 auto;padding:1.75rem 1.25rem 3.5rem}.panel{border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow);background:linear-gradient(165deg,#ffffff0e 0%,#0000 42%),linear-gradient(#121c30f2,#0a1220eb);padding:1.65rem 1.4rem 1.9rem;animation:.45s cubic-bezier(.22,1,.36,1) both panelIn;position:relative;overflow:hidden}.panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#5eefd873,#5b9dff59,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}@media (width>=640px){.panel{padding:2.15rem 2.15rem 2.4rem}}@keyframes panelIn{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scorePop{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 0 3px var(--accent-dim), 0 0 20px var(--accent-glow)}50%{box-shadow:0 0 0 4px var(--accent-dim), 0 0 32px var(--accent-glow)}}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-bright);align-items:center;gap:.45rem;margin:0 0 .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:2px;width:18px;height:2px}h1{font-family:var(--serif);letter-spacing:-.01em;background:linear-gradient(135deg,#fff 30%,#b8d4ff 70%,#7eefd8 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 .9rem;font-size:clamp(2.15rem,5.5vw,2.95rem);font-weight:400;line-height:1.12}h2{letter-spacing:-.01em;margin:2rem 0 .95rem;font-size:1.2rem;font-weight:650}h3{margin:0 0 .4rem;font-size:1.05rem;font-weight:650}.lede{color:var(--muted);max-width:38em;margin:0 0 1.4rem;font-size:1.05rem}.muted{color:var(--muted)}.intro__hero-glow{pointer-events:none;filter:blur(8px);background:radial-gradient(circle,#2dd4bf33,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-80px;right:-60px}.intro__bullets{gap:.6rem;margin:0 0 1.65rem;padding:0;list-style:none;display:grid}.intro__bullets li{border:1px solid var(--border);background:linear-gradient(135deg,#ffffff0a,#ffffff04);border-radius:14px;padding:.8rem .95rem .8rem 2.4rem;font-size:.95rem;transition:border-color .2s,background .2s,transform .2s;animation:.4s both fadeSlide;position:relative}.intro__bullets li:first-child{animation-delay:50ms}.intro__bullets li:nth-child(2){animation-delay:.1s}.intro__bullets li:nth-child(3){animation-delay:.15s}.intro__bullets li:nth-child(4){animation-delay:.2s}.intro__bullets li:hover{border-color:var(--border-strong);background:var(--bg-card-hover);transform:translate(3px)}.intro__bullets li:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-2));width:.55rem;height:.55rem;box-shadow:0 0 0 4px var(--accent-dim), 0 0 12px var(--accent-glow);border-radius:50%;position:absolute;top:1.1rem;left:.95rem}.intro__form{gap:.55rem;display:grid}.intro__form label{font-size:.9rem;font-weight:550}.intro__form input{border:1px solid var(--border);width:100%;color:var(--text);background:#060a12a6;border-radius:14px;outline:none;padding:.95rem 1.1rem;transition:border-color .18s,box-shadow .18s,background .18s}.intro__form input::placeholder{color:#8fa0bd8c}.intro__form input:hover{border-color:var(--border-strong)}.intro__form input:focus{box-shadow:0 0 0 3px var(--accent-dim), 0 0 24px #2dd4bf1f;background:#060a12d9;border-color:#2dd4bf99}.intro__form input[aria-invalid=true]{border-color:#f871718c}.intro__form .req{color:#f87171;font-weight:600}.intro__form .field-hint{color:#fca5a5;margin:-.15rem 0 .15rem;font-size:.8rem}.intro__form .btn{margin-top:.35rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.88rem 1.5rem;font-weight:650;transition:transform .15s,background .18s,border-color .18s,opacity .15s,box-shadow .2s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:not(:disabled):active{transform:translateY(1px)scale(.99)}.btn--primary{color:#041018;background:linear-gradient(135deg,#2dd4bf 0%,#38bdf8 50%,#5b9dff 100%) 0 0/160% 160%;margin-top:.4rem;box-shadow:0 4px 20px #2dd4bf47,inset 0 1px #ffffff59}.btn--primary:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 28px #2dd4bf66,inset 0 1px #fff6}.btn--ghost{border-color:var(--border);color:var(--text);background:#ffffff08}.btn--ghost:hover{border-color:var(--border-strong);background:#ffffff0f}.progress{margin-bottom:1.4rem}.progress__meta{color:var(--muted);justify-content:space-between;margin-bottom:.5rem;font-size:.82rem;font-weight:500;display:flex}.progress__track{background:#ffffff0f;border-radius:999px;height:9px;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d}.progress__fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-3), var(--accent-2));height:100%;box-shadow:0 0 16px var(--accent-glow);background-size:200% 100%;transition:width .35s cubic-bezier(.22,1,.36,1);position:relative}.progress__fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);animation:2.2s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.quiz__body{animation:.32s both fadeSlide}.quiz__skill{background:linear-gradient(135deg, var(--accent-dim), #5b9dff1f);color:var(--accent-bright);letter-spacing:.03em;text-transform:uppercase;border:1px solid #2dd4bf40;border-radius:999px;align-items:center;gap:.35rem;margin:0 0 .9rem;padding:.32rem .8rem;font-size:.75rem;font-weight:700;display:inline-flex}.quiz__scenario{color:var(--muted);background:#5b9dff0d;border-left:3px solid #5b9dff73;border-radius:0 12px 12px 0;margin:0 0 .8rem;padding:.75rem .9rem;font-size:.98rem}.quiz__prompt{font-family:var(--serif);color:var(--text);letter-spacing:-.01em;margin:0 0 1.3rem;font-size:clamp(1.4rem,3.5vw,1.7rem);font-weight:400;line-height:1.28}.options{gap:.7rem;display:grid}.option{text-align:left;border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:linear-gradient(145deg,#ffffff09,#ffffff03);border-radius:16px;align-items:flex-start;gap:.85rem;padding:1rem 1.05rem;transition:border-color .18s,background .18s,transform .18s cubic-bezier(.22,1,.36,1),box-shadow .2s;display:flex}.option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.option:hover{background:var(--bg-card-hover);border-color:#5b9dff66;transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.option--active{background:linear-gradient(135deg,#2dd4bf24,#5b9dff1a);border-color:#2dd4bfb3;transform:translateY(-2px);box-shadow:0 0 0 1px #2dd4bf40,0 8px 28px #2dd4bf1f}.option--active:hover{border-color:#2dd4bfd9}.option__letter{width:1.85rem;height:1.85rem;color:var(--muted);background:#ffffff0f;border-radius:9px;flex-shrink:0;place-items:center;font-size:.78rem;font-weight:750;transition:background .18s,color .18s,box-shadow .18s,transform .18s;display:grid}.option--active .option__letter{background:linear-gradient(135deg, var(--accent), var(--accent-3));color:#041018;box-shadow:0 0 14px var(--accent-glow);transform:scale(1.05)}.option__text{padding-top:.2rem;font-size:.96rem;line-height:1.45}.quiz__nav{justify-content:space-between;gap:.75rem;margin-top:1.55rem;display:flex}.score-hero{border-radius:calc(var(--radius) + 2px);background:linear-gradient(145deg, #2dd4bf14, #5b9dff0f), var(--bg-card);border:1px solid var(--border-strong);box-shadow:var(--shadow-glow);align-items:center;gap:1.35rem;margin:1.4rem 0 .6rem;padding:1.35rem 1.25rem;animation:.55s cubic-bezier(.22,1,.36,1) both scorePop;display:grid;position:relative;overflow:hidden}.score-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#2dd4bf26,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-40%;right:-20%}@media (width>=560px){.score-hero{grid-template-columns:auto 1fr;padding:1.5rem 1.6rem}}.score-hero__ring{filter:drop-shadow(0 0 18px #2dd4bf59);width:148px;height:148px;margin:0 auto;position:relative}.score-hero__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.score-hero__track{fill:none;stroke:#ffffff12;stroke-width:11px}.score-hero__value{fill:none;stroke:url(#scoreGrad);stroke-width:11px;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:calc(327 - (327 * var(--p)) / 100);filter:drop-shadow(0 0 6px #2dd4bf99);transition:stroke-dashoffset 1s cubic-bezier(.22,1,.36,1)}.score-hero__center{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.score-hero__center strong{font-family:var(--serif);background:linear-gradient(135deg, #fff, var(--accent-bright));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:400;line-height:1}.score-hero__center span{color:var(--muted);margin-top:.25rem;font-size:.78rem;font-weight:500}.score-hero__copy p{color:var(--muted);margin:.75rem 0 0;font-size:.98rem;line-height:1.5}.band{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:.35rem .85rem;font-size:.82rem;font-weight:750;display:inline-block}.band--emerging{color:#fda4af;background:#fb71852e;box-shadow:0 0 16px #fb718533}.band--building{color:#fcd34d;background:#fbbf2429;box-shadow:0 0 16px #fbbf242e}.band--job-ready{color:#93c5fd;background:#5b9dff33;box-shadow:0 0 16px #5b9dff38}.band--strong{color:#86efac;background:#4ade8029;box-shadow:0 0 16px #4ade8033}.gap-map{border:1px solid var(--border);background:#060a1273;border-radius:16px;gap:.55rem;padding:1rem;display:grid}.gap-map__row{border-radius:10px;grid-template-columns:1fr;gap:.3rem;padding:.45rem .5rem;transition:background .15s;display:grid}.gap-map__row:hover{background:#ffffff08}@media (width>=560px){.gap-map__row{grid-template-columns:minmax(150px,1.15fr) 2fr auto;align-items:center;gap:.85rem}}.gap-map__label{color:var(--muted);font-size:.84rem;font-weight:500}.gap-map__bar-wrap{background:#ffffff0f;border-radius:999px;height:11px;overflow:hidden;box-shadow:inset 0 1px 2px #00000040}.gap-map__bar{border-radius:inherit;transform-origin:0;min-width:4px;height:100%;transition:width .45s;animation:.7s cubic-bezier(.22,1,.36,1) both barGrow}.gap-map__bar--strong{background:linear-gradient(90deg,#2dd4bf,#4ade80);box-shadow:0 0 10px #2dd4bf73}.gap-map__bar--ok{background:linear-gradient(90deg,#5b9dff,#2dd4bf);box-shadow:0 0 10px #5b9dff59}.gap-map__bar--mid{background:linear-gradient(90deg,#fbbf24,#fde68a);box-shadow:0 0 10px #fbbf2459}.gap-map__bar--gap{background:linear-gradient(90deg,#fb7185,#fbbf24);box-shadow:0 0 10px #fb71854d}.gap-map__pct{font-variant-numeric:tabular-nums;color:var(--text);font-size:.82rem;font-weight:700}.gap-map__row:first-child .gap-map__bar{animation-delay:50ms}.gap-map__row:nth-child(2) .gap-map__bar{animation-delay:80ms}.gap-map__row:nth-child(3) .gap-map__bar{animation-delay:.11s}.gap-map__row:nth-child(4) .gap-map__bar{animation-delay:.14s}.gap-map__row:nth-child(5) .gap-map__bar{animation-delay:.17s}.gap-map__row:nth-child(6) .gap-map__bar{animation-delay:.2s}.gap-map__row:nth-child(7) .gap-map__bar{animation-delay:.23s}.gap-map__row:nth-child(8) .gap-map__bar{animation-delay:.26s}.gap-map__row:nth-child(9) .gap-map__bar{animation-delay:.29s}.gap-map__row:nth-child(10) .gap-map__bar{animation-delay:.32s}.gap-map__row:nth-child(11) .gap-map__bar{animation-delay:.35s}.insight-grid{gap:.9rem;margin-top:.6rem;display:grid}@media (width>=560px){.insight-grid{grid-template-columns:1fr 1fr}}.insight{border:1px solid var(--border);background:linear-gradient(160deg,#ffffff0a,#ffffff03);border-radius:16px;padding:1.15rem 1.2rem;transition:border-color .2s,transform .2s}.insight:hover{border-color:var(--border-strong);transform:translateY(-2px)}.insight:first-child{border-top:2px solid #4ade8080}.insight:last-child{border-top:2px solid #fb718573}.insight p{color:var(--muted);margin:0 0 .8rem;font-size:.9rem}.insight ul{margin:0;padding-left:1.1rem;font-size:.9rem}.insight li+li{margin-top:.4rem}.recs-intro{margin:-.4rem 0 1rem;font-size:.92rem}.recs{gap:.95rem;display:grid}.rec-card{color:inherit;border:1px solid var(--border);background:linear-gradient(145deg, #2dd4bf14, #5b9dff0d), var(--bg-card);border-radius:16px;padding:1.25rem 1.3rem;text-decoration:none;transition:border-color .2s,transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s;display:block;position:relative;overflow:hidden}.rec-card__actions{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.85rem;display:flex}.rec-card__actions .btn--sm{margin-top:0;padding:.62rem 1.15rem;font-size:.88rem}.rec-card__actions .rec-card__cta{margin-top:0}.btn--coming-soon{opacity:.45;cursor:not-allowed;pointer-events:none}.payment-success h1{margin-bottom:.75rem}.payment-success .muted{margin-bottom:.25rem}.rec-card:before{content:"";background:linear-gradient(180deg, var(--accent), var(--accent-2));opacity:.85;width:3px;position:absolute;top:0;bottom:0;left:0}.rec-card:hover{border-color:#2dd4bf80;transform:translateY(-3px);box-shadow:0 14px 36px #0000004d,0 0 28px #2dd4bf1a}.rec-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.rec-card__badges{flex-wrap:wrap;gap:.4rem;margin-bottom:.65rem;display:flex}.rec-card__badges span{color:var(--muted);border:1px solid var(--border);background:#ffffff12;border-radius:999px;padding:.22rem .55rem;font-size:.7rem;font-weight:650}.rec-card__tag{color:var(--accent-bright);margin:0 0 .5rem;font-size:.88rem;font-weight:550}.rec-card p:last-of-type{color:var(--muted);margin:0;font-size:.9rem}.rec-card__cta{color:var(--accent-2);align-items:center;gap:.3rem;margin-top:.85rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:gap .15s,color .15s;display:inline-flex}.rec-card:hover .rec-card__cta{color:var(--accent-bright);gap:.5rem}.sync-status{color:var(--muted);letter-spacing:.01em;margin:-.35rem 0 1.1rem;font-size:.82rem}.sync-status--saving{opacity:.85}.sync-status--saved{color:#2dd4bfe6}.sync-status--error{color:#8fa0bdf2}.results__actions{justify-content:center;margin-top:2rem;display:flex}.footer-note{text-align:center;color:var(--muted);opacity:.85;margin:1.6rem 0 0;font-size:.78rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}