:root{--navy:#020a18;--navy2:#06182d;--blue:#168bf8;--cyan:#54c7ff;--green:#21d785;--red:#ff4f60;--white:#fff;--muted:#7f97ae;--display:"Barlow Condensed",sans-serif;--body:"Inter",sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0;color:#fff;background:radial-gradient(circle at 70% 30%,#0b477c 0%,#04182e 27%,#020915 67%);font-family:var(--body)}body::before{content:"";position:fixed;inset:0;background-image:linear-gradient(#168bf80b 1px,transparent 1px),linear-gradient(90deg,#168bf80b 1px,transparent 1px);background-size:48px 48px;pointer-events:none}button,a{font:inherit}.hidden{display:none!important}.quiz-header{height:76px;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));border-bottom:1px solid #ffffff1c;background:#030d1bed}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;letter-spacing:.13em}.brand strong,.brand small{display:block}.brand strong{font-family:var(--display);font-size:20px}.brand small{color:#70c8ff;font-size:8px}.brand-mark{width:35px;height:29px;display:flex;align-items:flex-end;gap:3px;transform:skew(-18deg)}.brand-mark i{display:block;width:8px;border:2px solid var(--cyan);border-top:0}.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:21px}.brand-mark i:nth-child(3){height:29px;background:#168bf844}.exit{color:#8297aa;font-size:9px;letter-spacing:.13em;text-decoration:none;text-transform:uppercase}.quiz-intro,.results{width:min(760px,calc(100% - 32px));margin:auto;padding:90px 0 65px;position:relative;z-index:1;text-align:center}.radar-icon{width:105px;height:105px;display:grid;place-items:center;position:relative;margin:auto;border:1px solid #4bc0ff;border-radius:50%;box-shadow:0 0 50px #168bf84a,inset 0 0 25px #168bf82d}.radar-icon::before,.radar-icon::after{content:"";position:absolute;background:#36b7ff3d}.radar-icon::before{width:1px;height:100%}.radar-icon::after{width:100%;height:1px}.radar-icon span{position:absolute;inset:18px;border:1px solid #49c0ff55;border-radius:50%}.radar-icon i{z-index:1;font-family:var(--display);font-size:50px;font-style:normal}.radar-icon b{position:absolute;right:-5px;bottom:2px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--blue);font-size:14px}.eyebrow{margin:30px 0 15px;color:#71c9ff;font-size:9px;font-weight:600;letter-spacing:.23em;text-transform:uppercase}.quiz-intro h1,.results h2{margin:0;font-family:var(--display);font-size:clamp(53px,8vw,82px);line-height:.9;text-transform:uppercase}.quiz-intro h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px #8dd4ff}.quiz-intro>p:not(.eyebrow),.results>p:not(.eyebrow){max-width:630px;margin:28px auto;color:#9db0c3;line-height:1.8}.intro-meta{display:flex;justify-content:center;margin:35px 0}.intro-meta span{padding:0 28px;border-right:1px solid #ffffff1c;color:#7990a7;font-size:9px;text-transform:uppercase}.intro-meta span:last-child{border:0}.intro-meta b{display:block;margin-bottom:5px;color:#fff;font-family:var(--display);font-size:23px}.primary-action{border:0;padding:17px 25px;background:var(--blue);color:#fff;box-shadow:0 15px 30px #087bd34d;cursor:pointer;font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.primary-action span{margin-left:30px}.quiz-intro>small{display:block;margin-top:17px;color:#536b81;font-size:8px;text-transform:uppercase}.quiz-shell{width:min(920px,calc(100% - 32px));margin:45px auto 70px;position:relative;z-index:1}.quiz-topline{display:flex;align-items:end;justify-content:space-between}.quiz-topline span,.quiz-topline small{display:block;margin-bottom:5px;color:#56c1ff;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.quiz-topline strong{font-family:var(--display);font-size:22px;text-transform:uppercase}.quiz-topline .score{text-align:right}.progress{height:3px;margin:18px 0 28px;background:#ffffff1c}.progress span{display:block;width:20%;height:100%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);transition:.4s}.question-card{position:relative;padding:45px 45px 40px;border:1px solid #2f74a8;background:linear-gradient(135deg,#0b2f54,#06182d);box-shadow:0 25px 50px #0004}.question-icon{position:absolute;top:25px;right:28px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #46bdff;border-radius:50%;color:#64c9ff;font-family:var(--display);font-size:25px}.question-card h2{max-width:760px;margin:0 70px 13px 0;font-family:var(--display);font-size:clamp(28px,4vw,42px);line-height:1.05;text-transform:uppercase}.question-card p{margin:0;color:#6f8ba5;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.answers{display:grid;gap:10px;margin-top:15px}.answer{width:100%;min-height:72px;display:grid;grid-template-columns:45px 1fr 25px;align-items:center;gap:17px;padding:10px 20px;border:1px solid #284866;background:#07182a;color:#d9e6f1;text-align:left;cursor:pointer;transition:.2s}.answer:hover:not(:disabled){border-color:#4fc2ff;background:#0b2947;transform:translateX(4px)}.answer>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #40617e;border-radius:50%;font-family:var(--display);font-size:18px}.answer strong{font-size:14px;font-weight:500}.answer i{width:17px;height:17px;border:1px solid #4d6983;border-radius:50%}.answer.correct{border-color:var(--green);background:#0a382e}.answer.correct i::after{content:"✓";color:var(--green);font-style:normal}.answer.incorrect{border-color:var(--red);background:#3a1720}.answer.incorrect i::after{content:"×";color:var(--red);font-style:normal}.feedback{display:grid;grid-template-columns:52px 1fr;gap:18px;margin-top:15px;padding:20px;border-left:3px solid var(--cyan);background:#0a233d}.feedback-state{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#11724f;color:#fff;font-size:27px}.feedback.incorrect{border-color:var(--red)}.feedback.incorrect .feedback-state{background:#8f2433}.feedback strong{font-family:var(--display);font-size:21px;text-transform:uppercase}.feedback p{margin:7px 0;color:#a9bac9;font-size:13px;line-height:1.6}.feedback small{color:#5fc8ff;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.quiz-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.quiz-footer>span{color:#657d93;font-size:9px;text-transform:uppercase}.next-button{padding:14px 20px;border:1px solid #4bbfff;background:#0b3154;color:#fff;cursor:pointer;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.next-button:disabled{opacity:.35;cursor:not-allowed}.next-button b{margin-left:25px}.results{padding-top:70px}.result-ring{--score-angle:0deg;width:180px;height:180px;display:grid;place-items:center;position:relative;margin:auto;border-radius:50%;background:conic-gradient(var(--cyan) var(--score-angle),#15314b 0)}.result-ring::before{content:"";position:absolute;inset:12px;border-radius:50%;background:#041426}.result-ring span{z-index:1;font-family:var(--display);font-size:48px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:560px;margin:35px auto;border:1px solid #ffffff1a}.result-stats span{padding:18px;border-right:1px solid #ffffff1a;color:#728ba2;font-size:9px;text-transform:uppercase}.result-stats span:last-child{border:0}.result-stats b{display:block;color:#fff;font-family:var(--display);font-size:27px}.result-actions{display:flex;align-items:center;justify-content:center;gap:25px}.result-actions a{color:#65c7ff;font-size:9px;text-transform:uppercase;text-decoration:none}footer{position:relative;z-index:1;display:flex;justify-content:space-between;padding:18px max(20px,calc((100vw - 1160px)/2));border-top:1px solid #ffffff13;color:#536b81;font-size:8px;letter-spacing:.1em;text-transform:uppercase}@media(max-width:600px){.quiz-header{padding:0 16px}.brand small{display:none}.quiz-intro{padding-top:60px}.intro-meta span{padding:0 12px}.question-card{padding:30px 22px}.question-icon{display:none}.question-card h2{margin-right:0}.answer{grid-template-columns:38px 1fr 20px;padding:10px 13px}.answer strong{font-size:12px}.feedback{grid-template-columns:1fr}.quiz-footer{align-items:stretch;flex-direction:column;gap:12px}.quiz-footer>span{text-align:center}.result-actions,footer{align-items:center;flex-direction:column;gap:15px}}