:root{--purple:#6c3bd1;--violet:#8d55e8;--blue:#168dd8;--pink:#ec5793;--ink:#25213a;--muted:#69647b;--paper:#fff;--wash:#f7f4fc;--line:#e9e2f3;--shadow:0 16px 45px rgba(69,42,119,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Avenir,Segoe UI,Arial,sans-serif;background:var(--paper);line-height:1.58}button,input,select,textarea{font:inherit}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,72px);position:sticky;top:0;background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:650;color:var(--ink);background:none;border:0;cursor:pointer}.brand>span:last-child>span{color:var(--purple)}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;color:#fff!important;background:linear-gradient(135deg,var(--purple),var(--blue) 58%,var(--pink));font-weight:750}.site-header nav{display:flex;gap:5px}.site-header nav button,.menu-button{border:0;background:none;color:var(--muted);padding:10px 13px;border-radius:10px;cursor:pointer;font-size:.92rem}.site-header nav button:hover,.site-header nav button.active{background:var(--wash);color:var(--purple)}.menu-button{display:none}.hero{min-height:610px;padding:100px clamp(22px,8vw,120px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;background:radial-gradient(circle at 85% 20%,rgba(22,141,216,.16),transparent 28%),radial-gradient(circle at 75% 80%,rgba(236,87,147,.15),transparent 30%),linear-gradient(145deg,#fbf9ff,#fff)}.eyebrow{color:var(--purple);text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:650}.hero h1,.page-hero h1{font-size:clamp(2.6rem,6vw,5.3rem);line-height:1.02;letter-spacing:-.052em;font-weight:540;margin:.18em 0}.hero h1 span{background:linear-gradient(90deg,var(--purple),var(--blue),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:1.08rem;color:var(--muted);max-width:620px}.hero-art{position:relative;min-height:420px}.orbit{position:absolute;border:1px solid rgba(108,59,209,.22);border-radius:50%;inset:5%}.orbit:nth-child(2){inset:18%;border-color:#168dd845}.future-card{position:absolute;background:#fff;border-radius:24px;padding:22px;box-shadow:var(--shadow);width:190px}.future-card strong{display:block;font-size:1.05rem}.future-card small{color:var(--muted)}.future-card:nth-of-type(3){top:5%;left:10%;border-top:4px solid var(--purple)}.future-card:nth-of-type(4){top:38%;right:0;border-top:4px solid var(--blue)}.future-card:nth-of-type(5){bottom:2%;left:18%;border-top:4px solid var(--pink)}.primary,.secondary,.answer,.chip{border:0;border-radius:12px;padding:12px 18px;cursor:pointer}.primary{background:linear-gradient(100deg,var(--purple),var(--violet));color:#fff;box-shadow:0 8px 18px #6c3bd138}.secondary{background:#fff;color:var(--purple);border:1px solid #dcd0ee}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.section{padding:82px clamp(22px,8vw,120px)}.section.tint{background:var(--wash)}.section-heading{max-width:680px;margin-bottom:34px}.section h2,.page-hero h2{font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.15;letter-spacing:-.035em;font-weight:520;margin:.2em 0}.section-heading p,.page-hero p{color:var(--muted)}.stats,.card-grid,.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat,.card,.result-card,.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 5px 25px #452a770d}.stat strong{display:block;font-size:2.2rem;font-weight:520;color:var(--purple)}.card{cursor:pointer;transition:.2s}.card:hover,.result-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card .number{color:var(--purple);font-size:.78rem;letter-spacing:.08em}.card h3,.result-card h3{font-weight:570;margin:.45em 0}.card p,.result-card p,.muted{color:var(--muted);font-size:.93rem}.page-hero{padding:68px clamp(22px,8vw,120px) 42px;background:linear-gradient(140deg,#f8f4ff,#f4faff)}.page-hero h1{font-size:clamp(2.5rem,5vw,4.4rem)}.toolbar{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;margin-bottom:26px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:.82rem;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #dcd5e7;border-radius:11px;padding:12px 13px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(108,59,209,.12);border-color:var(--purple)}.career-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.career-tile{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;text-align:left;cursor:pointer;min-height:126px;transition:.2s}.career-tile:hover{border-color:#cdbbea;box-shadow:var(--shadow)}.career-tile small{color:var(--purple)}.career-tile strong{display:block;margin:7px 0;font-weight:560}.pagination{display:flex;justify-content:center;gap:8px;margin-top:28px}.pagination button{border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:9px;cursor:pointer}.quiz-shell{max-width:780px;margin:0 auto}.progress-track{height:7px;background:#eae5f1;border-radius:8px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--purple),var(--blue));transition:.25s}.quiz-meta{display:flex;justify-content:space-between;margin:12px 0 30px;color:var(--muted);font-size:.86rem}.question h2{font-size:clamp(1.45rem,3vw,2.15rem);font-weight:520;line-height:1.25}.answers{display:grid;gap:11px;margin:28px 0}.answer{background:#fff;border:1px solid var(--line);text-align:left;color:var(--ink)}.answer:hover,.answer.selected{border-color:var(--purple);background:#f6f1ff}.aspiration{background:linear-gradient(145deg,#fff,#f7f3ff);padding:28px;border-radius:20px;border:1px solid var(--line)}.aspiration small{display:block;color:var(--muted);margin-top:9px}.notice{border-left:4px solid var(--blue);background:#eef8fe;padding:14px 16px;border-radius:0 10px 10px 0;color:#31566e}.match-score{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#f1ebfc;color:var(--purple);font-weight:650;float:right}.profile-hero{display:grid;grid-template-columns:1fr 1fr;gap:34px}.profile-photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px;background:var(--wash)}.profile-aside{font-size:.79rem;color:var(--muted);text-align:right}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 11px;background:#f0ebf8;color:#59447b;font-size:.82rem}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}.timeline{border-left:2px solid #d9ccec;padding-left:22px}.timeline div{position:relative;margin:18px 0}.timeline div:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--purple);position:absolute;left:-28px;top:7px}.video-wrap{aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#17131f}.video-wrap iframe{width:100%;height:100%;border:0}.heart{float:right;border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 10px;cursor:pointer}.heart.saved{color:var(--pink);border-color:#f2a8c5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span-2{grid-column:1/-1}.plan{border-left:3px solid var(--purple);padding-left:18px;margin:20px 0}.empty{text-align:center;padding:60px;color:var(--muted)}footer{padding:52px clamp(22px,8vw,120px);background:#221b35;color:#e8e2f1}.footer-brand{color:#fff;background:none;border:0}.fine-print{font-size:.78rem;color:#aca3bc;max-width:760px}@media(max-width:980px){.career-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.hero-art{min-height:340px}.stats,.card-grid,.results-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.menu-button{display:block}.site-header nav{display:none;position:absolute;top:73px;left:0;right:0;padding:12px 20px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column}.site-header nav.open{display:flex}.hero{padding-top:60px}.career-grid{grid-template-columns:repeat(2,1fr)}.stats,.card-grid,.results-grid,.profile-hero,.detail-grid,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.toolbar{grid-template-columns:1fr}.profile-aside{text-align:left}.section{padding-top:55px}.future-card{width:155px;padding:16px}}@media(max-width:430px){.career-grid{grid-template-columns:1fr}.hero-art{min-height:300px}.future-card:nth-of-type(4){right:2%}}.sources{background:linear-gradient(140deg,#f9f6fd,#fff 55%)}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.source-card{display:flex;flex-direction:column;gap:9px;padding:22px;border-radius:16px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);box-shadow:0 4px 18px #452a770f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.source-card:hover,.source-card:focus-visible{transform:translateY(-3px);box-shadow:0 14px 34px #452a7729;border-color:var(--violet)}.source-badge{align-self:flex-start;font-size:.71rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#fff;background:linear-gradient(90deg,var(--purple),var(--blue));padding:5px 11px;border-radius:999px}.source-card strong{font-size:1.06rem;line-height:1.35}.source-note{color:var(--muted);font-size:.9rem;line-height:1.55}.source-go{margin-top:auto;padding-top:4px;font-weight:700;color:var(--purple)}.source-go:after{content:" →";display:inline-block;transition:transform .18s ease}.source-card:hover .source-go:after{transform:translate(4px)}.source-caveat{margin-top:20px}@media(max-width:700px){.source-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.source-card,.source-go:after{transition:none}.source-card:hover{transform:none}}.story-hero{position:relative;min-height:min(76vh,620px);display:flex;align-items:flex-end;overflow:hidden}.story-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#140e261f,#140e2661 48%,#140e26d6)}.story-hero-copy{position:relative;z-index:1;padding:0 clamp(22px,8vw,120px) clamp(44px,7vw,86px);max-width:1120px}.story-hero-copy h1{color:#fff;font-size:clamp(2.35rem,6.4vw,5rem);line-height:1.03;letter-spacing:-.05em;font-weight:540;margin:0;text-shadow:0 2px 34px rgba(0,0,0,.45)}.story{max-width:800px;margin:0 auto;padding:clamp(54px,7vw,92px) clamp(22px,7vw,40px) clamp(72px,9vw,120px)}.story p{font-size:1.1rem;line-height:1.78;color:#403a58;margin:0 0 1.2em}.story .story-lede{font-size:clamp(1.18rem,2.2vw,1.4rem);line-height:1.62;color:var(--ink);margin-bottom:2.3em}.story h2{font-size:clamp(1.5rem,3.2vw,2.2rem);line-height:1.16;letter-spacing:-.032em;font-weight:560;color:var(--ink);margin:2.6em 0 .75em}.story h2:first-of-type{margin-top:.6em}.story .story-answer{display:inline-block;font-size:clamp(1.85rem,4.4vw,2.85rem);font-weight:560;letter-spacing:-.038em;line-height:1.1;margin:-.15em 0 .85em;background:linear-gradient(90deg,var(--purple),var(--blue),var(--pink));background-clip:text;-webkit-background-clip:text;color:transparent}.story .story-close{font-size:clamp(1.12rem,2.1vw,1.36rem);line-height:1.55;color:var(--ink);margin-bottom:.45em}.story-cta{margin-top:2.8em}.story-cta .primary{font-size:1.02rem;padding:15px 26px}@media(max-width:700px){.story-hero{min-height:min(62vh,460px)}}.quiz-brief{max-width:760px}.quiz-lede{font-size:clamp(1.08rem,2vw,1.24rem);line-height:1.65;color:var(--ink)}.quiz-facts{list-style:none;margin:26px 0 34px;padding:20px 24px;display:grid;gap:11px;background:var(--wash);border:1px solid var(--line);border-radius:16px}.quiz-facts li{color:var(--muted);font-size:.97rem}.quiz-facts strong{color:var(--ink)}.quiz-brief h2{font-size:clamp(1.3rem,2.6vw,1.7rem);letter-spacing:-.025em;margin:0 0 .6em}.quiz-brief p{line-height:1.72;color:#403a58}.quiz-brief .button-row{margin-top:30px}.plan-hobby{margin-top:26px;padding:24px;border-radius:18px;border:1px solid #dcd0ee;background:linear-gradient(140deg,#f6f2fd,#fff 65%)}.plan-hobby h3{font-size:clamp(1.35rem,2.8vw,1.75rem);letter-spacing:-.028em;margin:.1em 0 .2em}.plan-hobby-meta{color:var(--purple);font-weight:650;font-size:.86rem;margin:0 0 1em}.plan-hobby-steps{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}.plan-hobby-steps li{padding-left:16px;border-left:2px solid #d9ccec;color:#403a58;font-size:.96rem;line-height:1.6}.plan-hobby-steps strong{display:block;color:var(--ink);font-size:.83rem;letter-spacing:.04em;text-transform:uppercase}