.level-test{color:#fff;background:radial-gradient(at 85% 20%,#c9a84c0d,#0000 50%),#0a0a0a;min-height:100svh;padding:150px 24px 64px}.test-shell{max-width:1120px;margin-inline:auto}.test-intro{grid-template-columns:1.3fr 1fr;align-items:center;gap:64px;min-height:min(610px,70svh);display:grid}.test-intro .eyebrow{color:var(--gold-light);margin-bottom:26px}.test-intro h1{letter-spacing:-.055em;text-wrap:balance;font-size:clamp(40px,5vw,66px);font-weight:650;line-height:1.08}.test-intro h1 em{color:var(--gold-light);font-style:normal;display:block}.test-lead{color:#ffffffa6;max-width:500px;margin:24px 0;font-size:16px;line-height:1.8}.test-facts{color:#ffffffc4;flex-wrap:wrap;gap:12px 20px;margin:26px 0;font-size:12px;display:flex}.test-facts span{align-items:center;gap:7px;display:inline-flex}.test-facts span+span:before{content:"";background:var(--gold);border-radius:50%;width:4px;height:4px;margin-right:6px}.test-actions{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.level-test .pill-button{min-height:52px;font-size:13px}.level-test button:disabled{opacity:.4;cursor:not-allowed;transform:none}.test-note{color:#ffffff80;max-width:540px;margin-top:22px;font-size:12px;line-height:1.8}.test-resume{border-left:2px solid var(--gold);color:var(--gold-light);margin-bottom:22px;padding-left:14px;font-size:13px}.test-text-button{color:#ffffffa6;align-items:center;gap:8px;min-height:44px;font-size:12px;display:inline-flex}.test-text-button:hover{color:var(--gold-light)}.test-orbit{aspect-ratio:1;place-items:center;width:100%;display:grid;position:relative}.test-orbit-line{border:1px dashed #c9a84c40;border-radius:50%;animation:45s linear infinite test-orbit;position:absolute;inset:3%}.test-orbit-line:before{content:"";background:var(--gold);border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;left:calc(50% - 5px);box-shadow:0 0 0 8px #c9a84c10}.test-orbit-core{aspect-ratio:1;width:76%;color:var(--gold-light);background:radial-gradient(circle at 35% 25%,#c9a84c16,#0a0a0a 75%);border:1px solid #c9a84c30;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.test-orbit-core strong{letter-spacing:-.075em;font-size:clamp(76px,10vw,126px);font-weight:500;line-height:1.25}.test-orbit-core>span{text-transform:uppercase;letter-spacing:.24em;color:#ffffff90;font-size:11px}.test-orbit-label{text-align:center;letter-spacing:.03em;color:#ffffff70;font-size:11px;position:absolute;bottom:-20px}.test-workspace{max-width:740px;margin-inline:auto}.test-toolbar{color:#ffffff70;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;font-size:11px;display:flex}.test-progress-heading{color:#ffffff9e;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;display:flex}.test-progress-heading strong{color:var(--gold-light);font-size:16px;font-weight:500}.test-progress-heading strong span{color:#ffffff70;font-size:12px}.test-progress{appearance:none;background:#ffffff12;border:0;border-radius:4px;width:100%;height:4px;margin-bottom:30px;display:block;overflow:hidden}.test-progress::-webkit-progress-bar{background:#ffffff12}.test-progress::-webkit-progress-value{background:var(--gold);transition:width .4s}.test-progress::-moz-progress-bar{background:var(--gold)}.test-question-card{background:linear-gradient(145deg,#181813,#101010 60%);border:1px solid #c9a84c28;border-radius:28px;padding:clamp(24px,4vw,44px);box-shadow:0 24px 70px #0002}.test-kicker{color:var(--gold-light);text-transform:uppercase;letter-spacing:.16em;margin-bottom:18px;font-size:10px}.test-kicker span{color:#ffffff60}.test-question-card h1{letter-spacing:-.025em;outline:none;font-size:clamp(24px,3.5vw,34px);font-weight:500;line-height:1.35}.test-instruction{color:#ffffff80;margin-top:12px;font-size:12px;line-height:1.6}.test-options{gap:10px;margin-top:30px;display:grid}.test-option{color:#ffffffc9;cursor:pointer;border:1px solid #ffffff18;border-radius:15px;align-items:center;gap:15px;min-height:66px;padding:14px 18px;font-size:14px;transition:background .2s,border-color .2s,transform .2s;display:flex;position:relative}.test-option:hover{background:#ffffff06;border-color:#c9a84c70;transform:translate(3px)}.test-option.is-selected{border-color:var(--gold);color:var(--gold-light);background:#c9a84c13}.test-option input{opacity:0;width:1px;height:1px;position:absolute}.test-option:has(input:focus-visible){outline:2px solid var(--gold-light);outline-offset:4px}.test-option-letter{color:#ffffff80;border:1px solid #ffffff24;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:11px;display:grid}.is-selected .test-option-letter{border-color:var(--gold);background:var(--gold);color:#0a0a0a}.test-option-check{opacity:0;flex-shrink:0;margin-left:auto}.is-selected .test-option-check{opacity:1}.test-question-actions{border-top:1px solid #ffffff10;justify-content:space-between;align-items:center;gap:16px;margin-top:30px;padding-top:26px;display:flex}.test-save-note{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;max-width:none;font-size:11px;display:flex}.test-result{max-width:900px;margin-inline:auto}.test-result-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:36px;display:flex}.test-result-top .eyebrow{color:var(--gold-light)}.test-result-grid{grid-template-columns:230px 1fr;align-items:center;gap:48px;display:grid}.test-score{aspect-ratio:1;background:conic-gradient(var(--gold) var(--score),#ffffff12 0);border-radius:50%;width:230px;padding:5px}.test-score>div{background:#11110e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.test-score strong{letter-spacing:-.06em;color:var(--gold-light);font-size:72px;font-weight:500;line-height:1.2}.test-score small{color:#ffffff80;letter-spacing:0;font-size:19px}.test-score span{color:#ffffff80;margin-top:8px;font-size:12px}.test-result h1{letter-spacing:-.04em;outline:none;font-size:clamp(36px,5vw,54px);line-height:1.1}.test-result .test-lead{margin-block:18px 0}.test-result .test-note{margin-top:16px}.test-recommendation{background:#c9a84c08;border:1px solid #c9a84c30;border-radius:24px;grid-template-columns:110px 1fr;align-items:center;gap:30px;margin-top:42px;padding:30px;display:grid}.test-recommendation img{border-radius:10px;width:100%;height:auto}.test-recommendation .test-kicker{margin-bottom:8px}.test-recommendation h2{letter-spacing:-.03em;font-size:23px}.test-recommendation p:not(.test-kicker){color:#fff9;margin-block:12px 20px;font-size:13px;line-height:1.8}.test-enter{animation:.4s both test-enter}@keyframes test-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes test-orbit{to{transform:rotate(360deg)}}@media (max-width:760px){.level-test{padding-top:120px}.test-intro{grid-template-columns:1fr;gap:36px;min-height:auto}.test-orbit{width:210px;margin:0 auto 30px}.test-orbit-core strong{font-size:62px}.test-orbit-core svg{width:18px}.test-result-grid{grid-template-columns:1fr;gap:28px}.test-score{width:190px}.test-score strong{font-size:60px}.test-recommendation{grid-template-columns:70px 1fr;align-items:start;gap:20px;padding:24px}}@media (max-width:430px){.level-test{padding-inline:18px}.test-question-card{border-radius:22px;padding:22px 18px}.test-option{gap:10px;padding:12px}.test-question-actions .pill-button{padding-inline:18px}.test-recommendation{grid-template-columns:1fr}.test-recommendation img{width:70px}.test-intro h1{font-size:39px}}@media (prefers-reduced-motion:reduce){.level-test *,.level-test :before{transition:none!important;animation:none!important}}
