.hero-headline-mask{overflow:hidden}.hero-headline-h1{transform:translateY(110%);animation:headlineScrollIn .9s cubic-bezier(.16,1,.3,1) .15s forwards}.hero-headline-mask--sub{overflow:hidden}.hero-headline-sub{transform:translateY(110%);animation:headlineScrollIn .9s cubic-bezier(.16,1,.3,1) .35s forwards}@keyframes headlineScrollIn{0%{transform:translateY(110%)}to{transform:translateY(0)}}.system-panel{position:relative;background:#0e0e0ed9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(222,142,255,.3);padding:2.5rem;z-index:1;opacity:0;transform:scale(0);animation:panelMaterialize .7s cubic-bezier(.16,1,.3,1) .3s forwards;will-change:transform,opacity}@keyframes panelMaterialize{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.system-panel.rematerialize{animation:panelRematerialize .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes panelRematerialize{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.system-panel:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;opacity:.6;mix-blend-mode:overlay;pointer-events:none;z-index:0}.system-panel:after{content:"";position:absolute;inset:-4px;border:3px solid rgba(222,142,255,.25);box-shadow:0 0 15px #de8eff26,0 0 30px #b90afc1a,0 0 60px #de8eff0d,inset 0 0 15px #de8eff0d;pointer-events:none;z-index:-1;animation:frameGlow 4s ease-in-out infinite}.system-panel.panel--warning:after{border-color:#ff505059;animation:frameGlowWarning 3s ease-in-out infinite}@keyframes frameGlow{0%,to{box-shadow:0 0 15px #de8eff26,0 0 30px #b90afc1a,0 0 60px #de8eff0d,inset 0 0 15px #de8eff0d;border-color:#de8eff40}50%{box-shadow:0 0 25px #de8eff4d,0 0 50px #b90afc33,0 0 80px #de8eff1a,inset 0 0 25px #de8eff1a;border-color:#de8eff73}}@keyframes frameGlowWarning{0%,to{box-shadow:0 0 15px #ff505033,0 0 30px #de8eff1a,0 0 60px #ff50500d,inset 0 0 15px #ff50500d;border-color:#ff50504d}50%{box-shadow:0 0 25px #ff505066,0 0 50px #de8eff33,0 0 80px #ff505026,inset 0 0 25px #ff50501a;border-color:#ff505080}}.corner-accent{position:absolute;width:20px;height:20px;z-index:20;pointer-events:none}.corner-accent:before,.corner-accent:after{content:"";position:absolute;background:#de8eff;box-shadow:0 0 6px #de8eff99}.corner-tl{top:-6px;left:-6px}.corner-tl:before{top:0;left:0;width:20px;height:2px}.corner-tl:after{top:0;left:0;width:2px;height:20px}.corner-tr{top:-6px;right:-6px}.corner-tr:before{top:0;right:0;width:20px;height:2px}.corner-tr:after{top:0;right:0;width:2px;height:20px}.corner-bl{bottom:-6px;left:-6px}.corner-bl:before{bottom:0;left:0;width:20px;height:2px}.corner-bl:after{bottom:0;left:0;width:2px;height:20px}.corner-br{bottom:-6px;right:-6px}.corner-br:before{bottom:0;right:0;width:20px;height:2px}.corner-br:after{bottom:0;right:0;width:2px;height:20px}.energy-bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#de8eff,#b90afc,#de8eff,transparent);box-shadow:0 0 10px #de8effcc,0 0 20px #de8eff80,0 0 40px #b90afc4d;z-index:20;animation:energyPulse 2.5s ease-in-out infinite}.panel--warning .energy-bar{background:linear-gradient(90deg,transparent,#ff5050,#de8eff,#ff5050,transparent);box-shadow:0 0 10px #ff5050cc,0 0 20px #ff505080,0 0 40px #de8eff4d}@keyframes energyPulse{0%,to{opacity:.8;box-shadow:0 0 10px #de8eff99,0 0 20px #de8eff4d,0 0 40px #b90afc26}50%{opacity:1;box-shadow:0 0 15px #de8eff,0 0 30px #de8effb3,0 0 60px #b90afc66}}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(255,255,255,.015) 1px,rgba(255,255,255,.015) 2px);pointer-events:none;z-index:5}.panel-content{position:relative}.notification-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(222,142,255,.15)}.notification-header--warning{border-bottom-color:#ff505040}.notification-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(222,142,255,.5);color:#de8eff;font-family:DM Mono,monospace;font-size:.85rem;font-weight:500;text-shadow:0 0 8px rgba(222,142,255,.6);box-shadow:0 0 12px #de8eff26}.notification-icon--warning{border-color:#ff505099;color:#ff5050;text-shadow:0 0 8px rgba(255,80,80,.6);box-shadow:0 0 12px #ff505033;animation:warningPulseIcon 1.5s ease-in-out infinite}@keyframes warningPulseIcon{0%,to{box-shadow:0 0 12px #ff505033}50%{box-shadow:0 0 20px #ff505080}}.notification-text{font-family:DM Mono,monospace;font-size:.8rem;font-weight:500;color:#de8eff;letter-spacing:.2em;text-shadow:0 0 8px rgba(222,142,255,.5)}.notification-text--warning{color:#ff5050;text-shadow:0 0 8px rgba(255,80,80,.5)}.system-messages{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2.5rem;font-family:DM Mono,monospace}.system-line{font-size:1.05rem;color:#fff;overflow:hidden;white-space:nowrap;opacity:0;display:flex;align-items:center;justify-content:center}.line-text{display:inline-block;overflow:hidden;white-space:nowrap;width:0}.cursor{color:#de8eff;font-weight:700;animation:blink .8s step-end infinite;opacity:0;margin-left:1px}.cursor--warning{color:#ff5050}.line-quote{color:#adaaaa;font-style:italic}.line-text--warning{color:#ff5050}.line-text--emphasis{color:#fff;font-weight:700;text-shadow:0 0 10px rgba(222,142,255,.4)}.gradient-text-inline{background:linear-gradient(135deg,#de8eff,#b90afc,#de8eff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite;font-weight:700}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.line-1{animation:lineReveal .05s 1s forwards}.line-1 .line-text{animation:typeText .35s 1s steps(20,end) forwards}.line-1 .cursor{animation:blink .8s step-end infinite,cursorShow .05s 1s forwards,cursorHide .05s 1.35s forwards}.line-2{animation:lineReveal .05s 1.5s forwards}.line-2 .line-text{animation:typeText .45s 1.5s steps(28,end) forwards}.line-2 .cursor{animation:blink .8s step-end infinite,cursorShow .05s 1.5s forwards,cursorHide .05s 1.95s forwards}.line-3{animation:lineReveal .05s 2.1s forwards}.line-3 .line-text{animation:typeText .35s 2.1s steps(22,end) forwards}.line-3 .cursor{animation:blink .8s step-end infinite,cursorShow .05s 2.1s forwards,cursorHide .05s 2.45s forwards}.line-4{animation:lineReveal .05s 2.6s forwards}.line-5{animation:lineReveal .05s 2.8s forwards}.line-5 .line-text{animation:typeText .5s 2.8s steps(32,end) forwards}.line-5 .cursor{animation:blink .8s step-end infinite,cursorShow .05s 2.8s forwards}.rejected-line-1{animation:lineReveal .05s .3s forwards}.rejected-line-1 .line-text{animation:typeText .5s .3s steps(24,end) forwards}.rejected-line-1 .cursor{animation:blink .8s step-end infinite,cursorShow .05s .3s forwards,cursorHide .05s .8s forwards}.rejected-line-2{animation:lineReveal .05s 1s forwards}.rejected-line-2 .line-text{animation:typeText .7s 1s steps(30,end) forwards}.rejected-line-2 .cursor{animation:blink .8s step-end infinite,cursorShow .05s 1s forwards,cursorHide .05s 1.7s forwards}.rejected-line-3{animation:lineReveal .05s 1.9s forwards}.rejected-line-4{animation:lineReveal .05s 2.1s forwards}.rejected-line-4 .line-text{animation:typeText .6s 2.1s steps(26,end) forwards}.rejected-line-4 .cursor{animation:blink .8s step-end infinite,cursorShow .05s 2.1s forwards}@keyframes lineReveal{to{opacity:1}}@keyframes typeText{0%{width:0}to{width:100%}}@keyframes cursorShow{to{opacity:1}}@keyframes cursorHide{to{opacity:0;display:none}}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.cta-buttons--center{justify-content:center}.cta-primary{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 2rem;background:linear-gradient(135deg,#de8eff,#b90afc);color:#000;font-family:Outfit,sans-serif;font-weight:800;font-size:.95rem;letter-spacing:.05em;text-decoration:none;border:none;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .3s ease;box-shadow:0 0 20px #de8eff4d,0 0 40px #b90afc26;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);cursor:pointer}.cta-primary:hover{transform:scale(1.03);box-shadow:0 0 30px #de8eff80,0 0 60px #b90afc4d}.cta-primary--large{padding:1rem 3rem;font-size:1.1rem;box-shadow:0 0 30px #de8eff66,0 0 60px #b90afc33;animation:acceptPulse 2s ease-in-out infinite}@keyframes acceptPulse{0%,to{box-shadow:0 0 30px #de8eff66,0 0 60px #b90afc33}50%{box-shadow:0 0 40px #de8eff99,0 0 80px #b90afc59}}.cta-reject{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 2rem;background:transparent;color:#ff5050b3;font-family:Outfit,sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.05em;text-decoration:none;border:1px solid rgba(255,80,80,.3);position:relative;transition:transform .2s ease,box-shadow .3s ease,background .3s ease,color .3s ease;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);cursor:pointer}.cta-reject:hover{background:#ff505014;color:#ff5050;box-shadow:0 0 20px #ff505033;transform:scale(1.03)}.glitch-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:0}.glitch-overlay.active{opacity:1;animation:glitchFlash .8s steps(1) forwards}@keyframes glitchFlash{0%{opacity:1}5%{opacity:0}10%{opacity:1}15%{opacity:0}20%{opacity:1}30%{opacity:.8}40%{opacity:1}60%{opacity:.6}70%{opacity:1}to{opacity:0}}.glitch-slice{position:absolute;left:0;right:0;overflow:hidden}.glitch-slice-1{top:15%;height:8%;background:#ff005026;animation:glitchSlice1 .8s steps(2) forwards}.glitch-slice-2{top:45%;height:12%;background:#00ffc81a;animation:glitchSlice2 .8s steps(3) forwards}.glitch-slice-3{top:75%;height:6%;background:#de8eff26;animation:glitchSlice3 .8s steps(2) forwards}.glitch-chromatic{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,0,0,.03) 0%,transparent 20%,rgba(0,255,0,.02) 40%,transparent 60%,rgba(0,0,255,.03) 80%,transparent 100%);mix-blend-mode:screen}@keyframes glitchSlice1{0%{transform:translate(0)}20%{transform:translate(-40px) skew(-5deg)}40%{transform:translate(30px) skew(3deg)}60%{transform:translate(-20px)}80%{transform:translate(10px) skew(-2deg)}to{transform:translate(0)}}@keyframes glitchSlice2{0%{transform:translate(0)}15%{transform:translate(50px) skew(8deg)}35%{transform:translate(-35px) skew(-4deg)}55%{transform:translate(25px)}75%{transform:translate(-15px) skew(2deg)}to{transform:translate(0)}}@keyframes glitchSlice3{0%{transform:translate(0)}25%{transform:translate(-30px) skew(-6deg)}50%{transform:translate(45px) skew(5deg)}75%{transform:translate(-10px)}to{transform:translate(0)}}#hero.glitch-shake{animation:screenShake .6s ease-out}@keyframes screenShake{0%{transform:translate(0)}10%{transform:translate(-8px,4px)}20%{transform:translate(6px,-6px)}30%{transform:translate(-4px,2px)}40%{transform:translate(4px,-4px)}50%{transform:translate(-2px,3px)}60%{transform:translate(3px,-2px)}70%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}.mote{position:absolute;width:4px;height:4px;background:#de8eff;border-radius:50%;box-shadow:0 0 8px #de8eff99,0 0 16px #b90afc4d;pointer-events:none;z-index:0;animation:moteDrift 8s ease-in-out infinite}.mote-1{top:15%;left:8%;width:3px;height:3px;animation-delay:0s;animation-duration:7s}.mote-2{top:30%;right:5%;width:5px;height:5px;animation-delay:-1.5s;animation-duration:9s}.mote-3{bottom:20%;left:12%;width:4px;height:4px;animation-delay:-3s;animation-duration:8s}.mote-4{top:50%;right:10%;width:3px;height:3px;animation-delay:-4.5s;animation-duration:10s}.mote-5{bottom:35%;right:15%;width:5px;height:5px;animation-delay:-2s;animation-duration:7.5s}.mote-6{top:70%;left:5%;width:3px;height:3px;animation-delay:-5s;animation-duration:9.5s}.mote-7{top:10%;left:45%;width:4px;height:4px;animation-delay:-6s;animation-duration:8.5s}.mote-8{bottom:10%;right:40%;width:3px;height:3px;animation-delay:-7s;animation-duration:11s}@keyframes moteDrift{0%{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(12px,-18px) scale(1.2);opacity:.7}50%{transform:translate(-8px,-30px) scale(.8);opacity:.5}75%{transform:translate(15px,-12px) scale(1.1);opacity:.8}to{transform:translate(0) scale(1);opacity:.3}}.notification-header--success{border-bottom-color:#00ff8c40}.notification-icon--success{border-color:#00ff8c99;color:#00ff8c;text-shadow:0 0 8px rgba(0,255,140,.6);box-shadow:0 0 12px #00ff8c33;animation:successPulseIcon 1s ease-in-out 2}@keyframes successPulseIcon{0%,to{box-shadow:0 0 12px #00ff8c33}50%{box-shadow:0 0 30px #00ff8c99}}.notification-text--success{color:#00ff8c;text-shadow:0 0 8px rgba(0,255,140,.5)}.line-text--success,.cursor--success{color:#00ff8c}.system-panel.panel--success:after{border-color:#00ff8c59;animation:frameGlowSuccess 2s ease-in-out infinite}.panel--success .energy-bar{background:linear-gradient(90deg,transparent,#00ff8c,#de8eff,#00ff8c,transparent);box-shadow:0 0 10px #00ff8ccc,0 0 20px #00ff8c80,0 0 40px #de8eff4d}@keyframes frameGlowSuccess{0%,to{box-shadow:0 0 15px #00ff8c33,0 0 30px #de8eff1a,0 0 60px #00ff8c0d,inset 0 0 15px #00ff8c0d;border-color:#00ff8c4d}50%{box-shadow:0 0 25px #00ff8c66,0 0 50px #de8eff33,0 0 80px #00ff8c26,inset 0 0 25px #00ff8c1a;border-color:#00ff8c80}}.accepted-line-1{animation:lineReveal .05s .3s forwards}.accepted-line-1 .line-text{animation:typeText .8s .3s steps(36,end) forwards}.accepted-line-1 .cursor{animation:blink .8s step-end infinite,cursorShow .05s .3s forwards}.quiz-progress{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:1.5rem;font-family:DM Mono,monospace}.quiz-step-text{font-size:1.8rem;font-weight:700;color:#de8eff;text-shadow:0 0 10px rgba(222,142,255,.4)}.quiz-step-divider{font-size:1rem;color:#fff3;margin:0 .15rem}.quiz-step-total{font-size:1rem;color:#ffffff4d}.quiz-question{text-align:center;margin-bottom:2rem}.quiz-question-text{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:500;color:#fff;line-height:1.5}.quiz-options{display:flex;flex-direction:column;gap:.75rem}.quiz-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#de8eff08;border:1px solid rgba(222,142,255,.12);cursor:pointer;transition:all .25s ease;text-align:left;font-family:Rubik,sans-serif;position:relative;overflow:hidden}.quiz-option:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(222,142,255,.08),transparent);opacity:0;transition:opacity .25s ease}.quiz-option:hover{border-color:#de8eff66;box-shadow:0 0 15px #de8eff1a;transform:translate(4px)}.quiz-option:hover:before{opacity:1}.quiz-option-key{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border:1px solid rgba(222,142,255,.3);font-family:DM Mono,monospace;font-size:.75rem;font-weight:500;color:#de8eff;position:relative;z-index:1;transition:all .25s ease}.quiz-option:hover .quiz-option-key{background:#de8eff26;border-color:#de8eff80;box-shadow:0 0 10px #de8eff33}.quiz-option-text{font-size:.9rem;font-weight:400;color:#fffc;line-height:1.4;position:relative;z-index:1;transition:color .25s ease}.quiz-option:hover .quiz-option-text{color:#fff}.quiz-option.selected{border-color:#de8eff99;background:#de8eff14;box-shadow:0 0 20px #de8eff26,inset 0 0 20px #de8eff0d}.quiz-option.selected .quiz-option-key{background:#de8eff;color:#000;border-color:#de8eff;box-shadow:0 0 15px #de8eff66}.quiz-progress{flex-wrap:wrap}.quiz-progress-bar{width:100%;height:2px;background:#de8eff1a;margin-top:.75rem;position:relative;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#de8eff,#b90afc);box-shadow:0 0 8px #de8eff80;transition:width .4s cubic-bezier(.16,1,.3,1)}.quiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(222,142,255,.08)}.quiz-nav-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid rgba(222,142,255,.15);color:#ffffff80;font-family:DM Mono,monospace;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.quiz-nav-btn:hover{border-color:#de8eff66;color:#de8eff}.quiz-input-group{margin-bottom:1.25rem}.quiz-input-label{display:block;font-family:DM Mono,monospace;font-size:.7rem;color:#de8eff99;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem}.quiz-input{width:100%;padding:.85rem 1rem;background:#de8eff08;border:1px solid rgba(222,142,255,.15);color:#fff;font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;outline:none;transition:all .25s ease}.quiz-input::-moz-placeholder{color:#fff3}.quiz-input::placeholder{color:#fff3}.quiz-input:focus{border-color:#de8eff80;box-shadow:0 0 15px #de8eff1a,inset 0 0 10px #de8eff08}.quiz-input-hint{font-family:DM Mono,monospace;font-size:.65rem;color:#fff3;margin-top:.75rem;text-align:center}.quiz-input-error{display:block;font-family:DM Mono,monospace;font-size:.65rem;color:#ff5050;margin-top:.4rem;min-height:1rem;letter-spacing:.05em}.quiz-input-hint kbd{display:inline-block;padding:.1rem .4rem;border:1px solid rgba(222,142,255,.2);border-radius:3px;font-family:inherit;color:#de8eff80}.quiz-next-btn{display:flex;align-items:center;gap:.4rem;margin:.75rem auto 0;padding:.5rem 1.5rem;border-radius:9999px;border:1px solid rgba(222,142,255,.3);background:#b90afc26;color:#de8effe6;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.quiz-next-btn:hover{background:#b90afc4d;border-color:#de8eff80}.results-body{text-align:center}.results-rank{font-family:Outfit,sans-serif;font-size:4rem;font-weight:900;color:#de8eff;text-shadow:0 0 30px rgba(222,142,255,.5);margin-bottom:.25rem;line-height:1}.results-class{font-family:DM Mono,monospace;font-size:.8rem;color:#de8effb3;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.5rem}.results-recommendation{font-family:Rubik,sans-serif;font-size:1rem;color:#fffc;line-height:1.6;margin-bottom:2rem}.results-cta{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;background:linear-gradient(135deg,#de8eff,#b90afc);color:#000;font-family:Outfit,sans-serif;font-weight:800;font-size:1rem;letter-spacing:.05em;text-decoration:none;border:none;cursor:pointer;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);box-shadow:0 0 25px #de8eff59,0 0 50px #b90afc33;transition:transform .2s ease,box-shadow .3s ease;animation:acceptPulse 2s ease-in-out infinite}.results-cta:hover{transform:scale(1.03);box-shadow:0 0 35px #de8eff80,0 0 70px #b90afc4d}.results-cta-secondary{display:block;margin-top:.75rem;color:#de8effb3;font-family:DM Mono,monospace;font-size:.8rem;text-decoration:none;letter-spacing:.03em;transition:color .2s ease;text-align:center}.results-cta-secondary:hover{color:#de8eff;text-decoration:underline}@media(prefers-reduced-motion:reduce){.energy-bar,.system-panel:after,.mote,.gradient-text-inline,.cta-primary--large{animation:none!important}.system-panel{animation:none!important;opacity:1!important;transform:scale(1)!important}.energy-bar{opacity:1}.system-panel:after{box-shadow:0 0 20px #de8eff33,0 0 40px #b90afc26,inset 0 0 20px #de8eff14}.mote{opacity:.5}.system-line{opacity:1}.line-text{width:100%!important;animation:none!important}.cursor{display:none}.line-1,.line-2,.line-3,.line-4,.line-5,.rejected-line-1,.rejected-line-2,.rejected-line-3,.rejected-line-4{animation:none!important;opacity:1}#hero.glitch-shake{animation:none!important}.glitch-overlay.active{animation:none!important;opacity:0!important}}@media(max-width:640px){.system-panel{padding:1rem 1rem 1.25rem;margin:0}.system-panel:before,.corner-accent,.scanlines,.energy-bar{display:none!important}.system-panel{border:1px solid rgba(222,142,255,.3);box-shadow:0 0 15px #de8eff1f,0 0 40px #b90afc14}.system-panel:after{border:2px solid rgba(222,142,255,.2)}.system-line{font-size:.65rem;text-align:center;letter-spacing:.02em}.notification-header{margin-bottom:1rem;padding-bottom:.5rem;gap:.5rem}.notification-icon{width:26px;height:26px;font-size:.75rem}.notification-text{font-size:.7rem;letter-spacing:.15em}.system-messages{margin-bottom:1.25rem;gap:.35rem}.cta-buttons{flex-direction:column;gap:.75rem}.cta-primary,.cta-primary--large,.cta-reject{width:100%;text-align:center;padding:.75rem 1.5rem;font-size:.85rem}.quiz-question-text{font-size:1rem}.quiz-option{padding:.85rem 1rem}.quiz-option-text{font-size:.82rem}.results-rank{font-size:3rem}.results-recommendation{font-size:.9rem}.mote:nth-child(n+5){display:none!important}.mote{width:2px!important;height:2px!important}}.pyramid-container{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.divider-label{display:flex;align-items:center;gap:12px;width:78%;margin:16px 0;order:3;position:relative;z-index:10;flex-shrink:0;min-height:20px}.divider-line{flex:1;height:2px;background:repeating-linear-gradient(90deg,rgba(222,142,255,.6) 0px,rgba(222,142,255,.6) 8px,transparent 8px,transparent 16px)}.divider-text{font-size:.6rem;letter-spacing:.25em;color:#de8eff;white-space:nowrap;text-transform:uppercase;opacity:.9}.tier-5{order:1}.tier-4{order:2}.tier-3{order:3}.divider-label{order:4}.tier-2{order:5}.tier-1{order:6}.pyramid-tier{width:100%;display:flex;justify-content:center;cursor:pointer}.tier-5 .tier-shape{width:38%}.tier-4 .tier-shape{width:52%}.tier-3 .tier-shape{width:66%}.tier-2 .tier-shape{width:80%}.tier-1 .tier-shape{width:94%}.tier-shape{position:relative;display:flex;align-items:center;gap:16px;padding:14px 20px;clip-path:polygon(4% 0%,96% 0%,100% 100%,0% 100%);background:linear-gradient(135deg,#1a1919f2,#131313fa);border:none;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.tier-shape:before{content:"";position:absolute;inset:0;clip-path:polygon(4% 0%,96% 0%,100% 100%,0% 100%);background:linear-gradient(135deg,#4948474d,#4948471a);z-index:-1;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.tier-glow{position:absolute;inset:0;clip-path:polygon(4% 0%,96% 0%,100% 100%,0% 100%);pointer-events:none;opacity:0;transition:opacity .4s ease}.tier-1 .tier-glow{background:linear-gradient(135deg,rgba(185,10,252,.03),transparent)}.tier-2 .tier-glow{background:linear-gradient(135deg,rgba(185,10,252,.05),transparent)}.tier-3 .tier-glow{background:linear-gradient(135deg,rgba(185,10,252,.08),transparent)}.tier-4 .tier-glow{background:linear-gradient(135deg,#b90afc1f,#de8eff0a)}.tier-5 .tier-glow{background:linear-gradient(135deg,#b90afc2e,#de8eff14)}.pyramid-tier.visible .tier-glow{opacity:1}.pyramid-tier.visible.lit .tier-shape{background:linear-gradient(135deg,#1e1923fa,#16121cfa)}.pyramid-tier.visible.lit .tier-shape:before{background:linear-gradient(135deg,rgba(185,10,252,calc(.1 + var(--tier-index) * .06)),rgba(222,142,255,calc(.05 + var(--tier-index) * .03)))}@media(hover:hover){.pyramid-tier:hover .tier-shape{transform:scale(1.02);padding-bottom:40px;background:linear-gradient(135deg,#231c2afa,#191420fa)}.pyramid-tier:hover .tier-glow{opacity:1}.pyramid-tier:hover .tier-desc{max-height:200px;opacity:1;margin-top:8px}}.tier-rank{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:4px;flex-shrink:0;position:relative;transition:all .3s ease}.rank-letter{font-family:Outfit,sans-serif;font-weight:800;font-size:1.1rem;line-height:1}.rank-level{font-family:Rubik,sans-serif;font-size:.55rem;letter-spacing:.05em;opacity:.7;line-height:1;margin-top:2px}.rank-d{background:#49484766;color:#adaaaa;border:1px solid rgba(73,72,71,.5)}.rank-c{background:#49484780;color:#c4c1c1;border:1px solid rgba(119,117,117,.4)}.rank-b{background:#b90afc1f;color:#de8eff;border:1px solid rgba(185,10,252,.3);box-shadow:0 0 12px #b90afc26}.rank-a{background:#b90afc33;color:#de8eff;border:1px solid rgba(222,142,255,.4);box-shadow:0 0 18px #b90afc40}.rank-s{background:linear-gradient(135deg,#b90afc59,#de8eff40);color:#fff;border:1px solid rgba(222,142,255,.6);box-shadow:0 0 25px #de8eff66,0 0 50px #b90afc33;animation:rankSPulse 3s ease-in-out infinite}@keyframes rankSPulse{0%,to{box-shadow:0 0 25px #de8eff66,0 0 50px #b90afc33}50%{box-shadow:0 0 35px #de8eff99,0 0 70px #b90afc4d}}.tier-content{flex:1;min-width:0}.tier-header{display:flex;align-items:center;gap:10px}.tier-icon{font-size:1.25rem;color:#adaaaa;transition:color .3s ease}.zone-savant .tier-icon{color:#de8eff}.tier-title{font-size:.95rem;font-weight:700;color:#fff;line-height:1.2}.tier-subtitle{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#adaaaa;display:block;margin-top:1px}.zone-savant .tier-subtitle{color:#de8effb3}.tier-desc{font-size:.8rem;color:#adaaaa;line-height:1.5;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s ease,margin-top .4s ease;margin-top:0}@media(max-width:640px){.rank-s{animation:none!important}.pyramid-tier:hover .tier-shape{transform:none}}@media(max-width:640px){.tier-5 .tier-shape{width:55%}.tier-4 .tier-shape{width:66%}.tier-3 .tier-shape{width:78%}.tier-2 .tier-shape{width:90%}.tier-1 .tier-shape{width:100%}.divider-label{width:90%;margin:10px 0}.tier-shape{padding:10px 12px;gap:10px;clip-path:polygon(3% 0%,97% 0%,100% 100%,0% 100%)}.tier-glow,.tier-shape:before{clip-path:polygon(3% 0%,97% 0%,100% 100%,0% 100%)}.tier-desc{max-height:0;opacity:0;margin-top:0;font-size:.68rem;line-height:1.4}.pyramid-tier.expanded .tier-desc{max-height:200px;opacity:1;margin-top:4px}.pyramid-tier.expanded .tier-chevron{transform:rotate(180deg)}.pyramid-tier.expanded .tier-shape{padding-bottom:14px}.tier-title{font-size:.8rem}.tier-subtitle{font-size:.5rem}.tier-icon{font-size:1rem}.tier-rank{min-width:32px;height:32px}.rank-letter{font-size:.85rem}.rank-level{font-size:.45rem}.tier-chevron{font-size:1rem;color:#de8eff80;flex-shrink:0;transition:transform .3s ease;align-self:center}}@media(prefers-reduced-motion:reduce){.rank-s{animation:none!important}.tier-shape,.tier-glow,.tier-desc{transition-duration:.01s!important}}.outcome-card{border-right:1px solid rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.outcome-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #b90afc14,0 2px 8px #0000004d}.outcome-icon-ring{border-radius:50%;background:conic-gradient(from 0deg,rgba(185,10,252,.7),rgba(222,142,255,.4),rgba(185,10,252,.05),transparent,transparent,rgba(185,10,252,.05),rgba(222,142,255,.4),rgba(185,10,252,.7));animation:outcome-ring-spin 6s linear infinite}@keyframes outcome-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.outcome-card:hover .outcome-icon-ring{animation-duration:3s}@media(max-width:768px){.outcome-icon-ring{animation:none!important}.outcome-card:hover{transform:none;box-shadow:none}}@media(prefers-reduced-motion:reduce){.outcome-icon-ring{animation:none!important}}.carousel-card[data-astro-cid-e7lonx73]{will-change:transform,opacity;transition:transform .4s ease-out,opacity .4s ease-out}.carousel-card[data-astro-cid-e7lonx73][data-active=false]{pointer-events:none}.carousel-card[data-astro-cid-e7lonx73][data-active=true]{pointer-events:auto}video[data-astro-cid-e7lonx73]:fullscreen,video[data-astro-cid-e7lonx73]:-webkit-full-screen{object-fit:contain;background:#000}.story-headshot-wrapper{position:relative}.headshot-ring{border-radius:50%;background:conic-gradient(from 0deg,rgba(185,10,252,.9),rgba(222,142,255,.6),rgba(185,10,252,.1),transparent,transparent,rgba(185,10,252,.1),rgba(222,142,255,.6),rgba(185,10,252,.9));animation:headshot-ring-spin 4s linear infinite}.headshot-ring:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 180deg,rgba(222,142,255,.5),transparent 40%,transparent 60%,rgba(222,142,255,.5));animation:headshot-ring-spin 3s linear infinite reverse;mix-blend-mode:screen}@keyframes headshot-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.headshot-ring,.headshot-ring:after{animation:none!important}}.story-img-container{position:relative}.story-img{transition:filter .7s ease,transform .5s ease}.group:hover .story-img{transform:scale(1.03)}.story-timeline-collapse{height:0;overflow:hidden;opacity:0;pointer-events:none}.story-timeline-collapse.expanded{height:auto;overflow:visible;opacity:1;pointer-events:auto}.story-chevron{transition:transform .3s ease}.story-toggle-btn[aria-expanded=true] .story-chevron{transform:rotate(180deg)}.story-toggle-btn:hover{box-shadow:0 0 20px #b90afc1a}.story-sticky-close{position:fixed;bottom:2rem;left:2rem;z-index:40;display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:9999px;border:1px solid rgba(185,10,252,.3);background:#111916e6;backdrop-filter:blur(12px);color:#de8effe6;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease,border-color .3s ease,box-shadow .3s ease}.story-sticky-close.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.story-sticky-close:hover{border-color:#b90afc99;box-shadow:0 0 24px #b90afc26;color:#de8eff}@media(max-width:768px){.headshot-ring,.headshot-ring:after{animation:none!important}.story-sticky-close{backdrop-filter:none;background:#111916f2}.story-img-container img{max-height:280px!important}.grid img{height:100px!important}.story-toggle-btn{backdrop-filter:none;background:#1e1e1ecc}}