:root{--ink:#07182a;--gray:#53606f;--navy:#021225;--gold:#c18a35;--gold-gradient:linear-gradient(115deg,#bd7e25 0%,#f4c55b 38%,#d49b3d 65%,#f7cd6f 83%,#b87a27 100%)}
html{overflow-anchor:none}body{background:#fafbfc;color:var(--ink)}header{position:relative;background:var(--navy);color:#fff;max-width:none;padding:12px max(24px,calc((100vw - 1164px)/2));border:0;min-height:67px;box-shadow:0 3px 15px #01102012}.brand{color:#fff}.brand img{filter:brightness(0) invert(1);opacity:1}.brand small{color:#e6b65e}nav{align-items:center;color:#e3e8ed}.sound-toggle{display:flex;align-items:center;gap:8px;border:1px solid #ffffff30;background:#ffffff08;box-shadow:none;border-radius:8px;font-size:11px;padding:7px 12px;min-height:35px;color:white}.sound-toggle:hover{background:#ffffff16;box-shadow:none;transform:none}.sound-toggle>span:first-child{font-size:18px;color:#edc267}.sound-toggle[aria-pressed=false]{opacity:.65}
.hero{position:relative;isolation:isolate;margin-top:28px;padding:45px 38px 38px;gap:15px;grid-template-columns:1.2fr 1fr;color:#fff;min-height:400px}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 85% 20%,#173048 0%,#061b30 35%,#021225 73%);border-radius:26px 26px 75px 26px}.hero:after{content:'';position:absolute;inset:0;border:1px solid #f2c05c24;pointer-events:none;border-radius:26px 26px 75px 26px;z-index:-1}.hero h1{font-size:clamp(40px,4.6vw,58px);line-height:1.04;letter-spacing:-.04em;max-width:650px}.hero h1 span,.result-heading h1 span{background:var(--gold-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 1px #00000015)}.hero .eyebrow{color:#ebbf6d;font-size:9px;letter-spacing:.2em;margin-bottom:24px}.hero .lead{color:#d1dae4;font-size:15px;line-height:1.7;max-width:480px}.facts{gap:28px;color:#bdc9d6;margin-top:28px}.facts b{color:#fff;font-size:23px}.facts span{font-size:10px}
.compass-premium{background:none;width:365px;max-width:100%;perspective:800px;align-self:center;justify-self:center;aspect-ratio:1;position:relative}.compass-premium:before,.compass-premium:after{display:none}.compass-object{width:100%;height:100%;position:relative;transform:rotateX(14deg) rotateY(-10deg) rotateZ(-6deg);animation:compass-rise .9s ease-out,compass-float 7s ease-in-out .9s infinite;filter:drop-shadow(0 22px 14px #00000030);transition:filter .3s}.compass-premium:hover .compass-object{filter:drop-shadow(0 27px 18px #0006) brightness(1.08)}.compass-aura{position:absolute;inset:14%;border-radius:50%;background:#e9b95a14;filter:blur(35px)}.compass-caption{position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.08em;white-space:nowrap;color:#e5c892;background:#14283be6;border:1px solid #d8b56d40;padding:8px 13px;border-radius:20px}.compass-caption i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#f6d184;margin:0 6px 1px 0;box-shadow:0 0 8px #e9bb5d}.compass-spark{position:absolute;color:#eec570;font-size:23px;animation:shimmer 4s ease-in-out infinite}.sp1{top:15%;right:3%}.sp2{bottom:17%;left:3%;font-size:15px;animation-delay:2s}
.hero-cta{font-size:13px;padding:11px 20px;min-height:43px;margin:2px 0 4px;display:inline-flex;gap:24px;align-items:center}.hero-cta span{font-size:18px}.choose{padding-top:36px;scroll-margin-top:20px}.level-card{border-color:#dce1e7;box-shadow:0 6px 0 #e6e9ed,0 15px 28px #09213808;padding:29px 32px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.level-card:before{content:'';position:absolute;top:0;left:32px;width:54px;height:4px;background:var(--gold-gradient);border-radius:0 0 4px 4px}.level-card:hover{transform:translateY(-3px);box-shadow:0 8px 0 #e6e9ed,0 22px 32px #0921380b}.level-card .number{color:#96702f;font-size:10px;margin-bottom:23px}.level-card h3{font-size:30px}.level-card p{font-size:14px}.level-card button{border-radius:10px;min-height:49px}
button:not(.secondary):not(.sound-toggle){background:var(--gold-gradient);color:#142135;border:1px solid #cc9b46;box-shadow:inset 0 1px 0 #ffedb4,0 4px 0 #a57127,0 9px 15px #78531c12}button:not(.secondary):not(.sound-toggle):hover{filter:brightness(1.04);box-shadow:inset 0 1px 0 #fff1c2,0 5px 0 #a57127,0 12px 20px #78531c18}button:not(.secondary):not(.sound-toggle):active{transform:translateY(3px);box-shadow:inset 0 1px 0 #ffedb4,0 1px 0 #a57127}.secondary{border-color:#d6dde5!important;color:#36485d!important;background:white!important}.eyebrow{color:#9c752f}
.wizard{max-width:900px;padding-top:28px}.wizard-top{margin-bottom:27px}.stages{margin-bottom:23px}.stages .current{color:#876128;border-color:#d3a14d}.progress{height:7px;background:#e5e9ee;overflow:hidden;box-shadow:inset 0 1px 3px #0e203410;margin-bottom:35px}.progress i{background:var(--gold-gradient);box-shadow:0 0 10px #dbac4a38;animation:progress-step .5s cubic-bezier(.2,.8,.2,1)}.question-heading{position:relative;padding-right:75px;min-height:120px;margin-bottom:23px;animation:question-enter .3s ease-out}.question-heading h1{font-size:clamp(28px,3.6vw,40px);font-weight:700}.question-orb{position:absolute;right:0;top:4px;width:57px;height:57px;display:grid;place-items:center;font-family:Outfit;font-size:23px;border-radius:17px;transform:rotate(5deg);color:#162639;background:var(--gold-gradient);box-shadow:inset 0 2px 1px #fff2be,0 5px 0 #ba8734,0 10px 18px #b2893f1c;border:1px solid #cfa355}.question-heading .eyebrow{margin-bottom:14px}.activity-title{color:#a57625;font-size:23px}.option{border-color:#dce2e9;box-shadow:0 4px 0 #e7ebef,0 7px 11px #08203904;transition:transform .18s,background .18s,border-color .18s}.option:hover{border-color:#d6ac5d;background:#fffdf7;transform:translateY(-2px)}.option.selected{background:linear-gradient(110deg,#fff8e7,#fffdf8);border-color:#c9963c;box-shadow:inset 0 0 0 1px #dab568,0 4px 0 #ead8b7;color:#13263b}.selected .option-mark{background:var(--gold-gradient);color:#15273b;border-color:#ca9b48}.option-mark{border-color:#d9dfe6;color:#687382}.wizard-actions{padding-top:23px}.wizard-actions #next{min-width:160px}.decision-modes .active{background:linear-gradient(115deg,#fff2d6,#fffaf0)!important;border-color:#cc9d4a!important;color:#13263b!important;box-shadow:0 4px 0 #e9d5ad!important}.question-heading>p:not(.eyebrow){line-height:1.65}.wizard>.fine{color:#6d7784}
.result-heading{position:relative;padding:27px 85px 10px 0}.discovery-badge{position:absolute;right:0;top:20px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:35px;background:var(--gold-gradient);color:#152638;box-shadow:inset 0 2px 0 #fff0b4,0 5px 0 #b88530,0 13px 28px #a7793020;animation:badge-pop .7s cubic-bezier(.2,1.4,.5,1)}.profile{background:linear-gradient(125deg,#112941,#021225);color:white;border:1px solid #203a51;box-shadow:0 14px 25px #0b203511}.profile h2{color:#fff}.profile .eyebrow{color:#ebc476}.profile p,.bars small{color:#bfcbd8}.bars i{background:#ffffff18}.bars em{background:var(--gold-gradient)}.result-card{border-color:#dce2e9;box-shadow:0 5px 0 #e9ecf0,0 13px 25px #0a203309}.rank{background:var(--gold-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.compare,.plan,.comparison-grid article{box-shadow:0 5px 0 #eaedf0,0 14px 28px #0a203306}.try{border-top-color:#e4c998}.notice{border-color:#ce9b42;background:#fffaf0}.model-reason{background:#f6f8fa!important}.campus-detail{padding:12px 0;border-bottom:1px solid #e4e8ed}.campus-detail a{font-size:11px}.campus-detail p{margin:0 0 7px}.result-card summary{color:#8b6529}footer{margin-top:30px}
@keyframes compass-rise{from{transform:translateY(10px) rotateX(25deg) rotateY(-18deg) rotateZ(-12deg)}to{transform:rotateX(14deg) rotateY(-10deg) rotateZ(-6deg)}}@keyframes compass-float{0%,100%{transform:translateY(0) rotateX(14deg) rotateY(-10deg) rotateZ(-6deg)}50%{transform:translateY(-8px) rotateX(10deg) rotateY(-6deg) rotateZ(-4deg)}}@keyframes shimmer{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.12)}}@keyframes question-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes progress-step{from{width:var(--previous)} }@keyframes badge-pop{from{opacity:0;transform:scale(.6) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@media(max-width:850px){.hero{padding:35px 28px;gap:12px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.hero h1{font-size:43px}.compass-premium{width:290px;min-width:0}.facts{gap:18px}.result-heading{padding-right:70px}}
@media(min-width:601px) and (max-width:760px){.hero{display:flex;flex-direction:column;align-items:stretch;padding:34px}.hero h1{font-size:44px;max-width:540px}.hero .lead{max-width:500px}.compass-premium{width:245px;margin:-10px auto 0;align-self:center}.hero .facts{max-width:440px;gap:25px;margin-top:20px}.level-grid{grid-template-columns:1fr}.hero .eyebrow{font-size:9px}}
@media(max-width:600px){header{padding:10px 17px;min-height:59px;gap:10px}.brand{font-size:18px}.brand img{width:26px;height:34px}nav{gap:12px;font-size:10px}.sound-text{display:none}.sound-toggle{min-height:32px;width:33px;justify-content:center;padding:3px}.sound-toggle>span:first-child{font-size:18px}.hero{padding:29px 24px 26px;margin-top:18px;gap:2px;min-height:0;align-items:stretch}.hero:before,.hero:after{border-radius:20px 20px 45px 20px}.hero h1{font-size:38px;line-height:1.08;margin-bottom:18px}.hero .eyebrow{font-size:8px;margin-bottom:19px}.hero .lead{font-size:13px;line-height:1.65;margin-bottom:15px}.hero .facts{gap:18px;margin-top:20px;justify-content:space-between}.facts b{font-size:19px}.facts span{font-size:9px}.compass-premium{width:230px;margin:5px auto 2px}.compass-caption{font-size:8px;padding:6px 10px;bottom:-1px}.choose{padding-top:30px}.section-title .eyebrow{font-size:9px}.level-card{padding:27px 24px}.level-card h3{font-size:29px}.question-heading{padding-right:54px;min-height:0}.question-orb{width:42px;height:42px;border-radius:13px;right:0;font-size:20px}.question-heading h1{font-size:29px}.question-heading .eyebrow{font-size:9px}.question-heading p:not(.eyebrow):not(.activity-title){font-size:13px}.wizard-top{margin-bottom:22px}.wizard-actions #next{min-width:0}.option{font-size:13px}.option:hover{transform:none}.result-heading{padding:10px 0}.discovery-badge{position:relative;right:auto;top:auto;margin-bottom:23px;width:48px;height:48px;font-size:27px}.result-heading h1{font-size:34px}.result-card{padding:26px}.stages{font-size:9px}.result-actions{gap:12px}.facts{flex-wrap:nowrap}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.compass-object{transform:rotateX(14deg) rotateY(-10deg) rotateZ(-6deg)}}
.result-heading h1 span{background-image:linear-gradient(115deg,#95621f,#ac792b 35%,#90601e 64%,#af7c2c);filter:none}
@media print{.sound-toggle,.compass-premium{display:none}.profile{color:#13263b;background:#f2f4f6;box-shadow:none}.profile h2{color:#13263b}.profile p,.bars small{color:#53606f}.hero h1 span,.result-heading h1 span,.rank{background:none;color:#9c712e}.result-card,.compare,.plan{box-shadow:none}.discovery-badge{display:none}}