#quiz-app{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:80px 24px 48px;display:flex;position:relative;overflow:hidden}#quiz-app:before{content:"";pointer-events:none;background-image:linear-gradient(#506eaa14 1px,#0000 1px),linear-gradient(90deg,#506eaa14 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0}.quiz-z{z-index:2;width:100%;position:relative}.qscreen{display:none}.qscreen.active{display:block}#screen-intro{text-align:center;max-width:640px;margin:0 auto}.intro-badge{color:var(--teal);background:#00c9b714;border:1px solid #00c9b733;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex}.badge-dot-teal{background:var(--teal);border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite qblink}@keyframes qblink{0%,to{opacity:1}50%{opacity:.3}}.hero-headline .teal{color:var(--teal)}.hero-headline .amber{color:var(--amber)}.intro-sub{color:#ffffff80;max-width:480px;margin:0 auto 32px;font-size:17px;line-height:1.7}.intro-meta{color:#ffffff59;justify-content:center;align-items:center;gap:24px;margin-bottom:36px;font-size:12px;display:flex}.intro-meta span{align-items:center;gap:5px;display:flex}.intro-divider{border:none;border-top:1px solid var(--surface-mid);max-width:340px;margin:28px auto}.intro-for{text-align:left;max-width:420px;margin:0 auto 32px}.intro-for-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;margin-bottom:10px;font-size:12px;font-weight:700}.intro-for-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.intro-for-list li{color:var(--ink-3);padding-left:18px;font-size:14px;line-height:1.5;position:relative}.intro-for-list li:before{content:"—";color:var(--teal);position:absolute;left:0}#screen-question{max-width:680px;margin:0 auto}.q-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.q-num{color:var(--teal);letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.q-progress-bar{background:var(--surface-mid);border-radius:2px;flex:1;height:2px;margin:0 20px;overflow:hidden}.q-progress-fill{background:var(--teal);border-radius:2px;height:100%;transition:width .4s}.q-count{color:#ffffff4d;white-space:nowrap;font-size:11px;font-weight:500}.q-card{background:var(--navy-card);border:1px solid var(--line);border-radius:8px;padding:40px}.q-label{letter-spacing:.13em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;font-size:11px;font-weight:700}.q-text{letter-spacing:-.02em;margin-bottom:28px;font-size:clamp(18px,2.5vw,24px);font-weight:800;line-height:1.25}.q-options{flex-direction:column;gap:10px;display:flex}.q-option{border:1px solid var(--surface-mid);cursor:pointer;background:#ffffff0a;border-radius:5px;align-items:flex-start;gap:14px;padding:16px 18px;transition:all .18s;display:flex}.q-option:hover{background:var(--border);border-color:#ffffff26}.q-option.selected{background:var(--accent-soft);border-color:#00c9b773}.q-radio{background:0 0;border:1.5px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;transition:all .18s;display:flex}.q-option.selected .q-radio{border-color:var(--teal);background:var(--teal)}.q-radio-dot{background:var(--navy);border-radius:50%;width:8px;height:8px;display:none}.q-option.selected .q-radio-dot{display:block}.q-opt-label{color:var(--white);margin-bottom:2px;font-size:14px;font-weight:700;display:block}.q-opt-sub{color:#fff6;font-size:12px}.q-locnote{color:var(--amber);background:#e8a03a14;border:1px solid #e8a03a40;border-radius:5px;margin-top:12px;padding:14px 18px;font-size:13px;line-height:1.6;display:none}.q-locnote.show{display:block}.q-nav{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.q-back{color:#ffffff59;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.q-back:hover{color:var(--ink-3)}.q-back.hidden{visibility:hidden}.q-next{background:var(--teal);color:var(--navy);cursor:pointer;border:none;border-radius:3px;padding:12px 28px;font-size:14px;font-weight:800;transition:opacity .2s}.q-next:disabled{opacity:.35;cursor:not-allowed}#screen-result{max-width:640px;margin:0 auto}.result-card{background:var(--navy-card);text-align:center;border-radius:8px;padding:48px 40px}.result-card.strong{border:1px solid #00c9b74d}.result-card.possible{border:1px solid #e8a03a4d}.result-card.notfit{border:1px solid var(--line)}.result-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;display:flex}.result-card.strong .result-icon{background:var(--accent-soft)}.result-card.possible .result-icon{background:#e8a03a1a}.result-card.notfit .result-icon{background:var(--surface-soft)}.result-tier{letter-spacing:.15em;text-transform:uppercase;margin-bottom:14px;font-size:11px;font-weight:700}.result-card.strong .result-tier{color:var(--teal)}.result-card.possible .result-tier{color:var(--amber)}.result-card.notfit .result-tier{color:#ffffff59}.result-heading{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(24px,4vw,36px);font-weight:900;line-height:1.1}.result-sub{color:#ffffff80;max-width:460px;margin:0 auto 28px;font-size:15px;line-height:1.75}.result-bar-wrap{margin:0 0 28px}.result-bar-meta{color:#fff6;justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.result-bar-bg{background:var(--border);border-radius:6px;height:6px;overflow:hidden}.result-bar-fill{border-radius:6px;height:100%;transition:width 1s .3s}.result-card.strong .result-bar-fill{background:var(--teal)}.result-card.possible .result-bar-fill{background:var(--amber)}.result-card.notfit .result-bar-fill{background:#fff3}.result-breakdown{text-align:left;flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.bd-item{align-items:flex-start;gap:12px;font-size:13px;line-height:1.55;display:flex}.bd-item svg{flex-shrink:0;margin-top:1px}.bd-item span{color:var(--ink-3)}.result-divider{background:var(--border);height:1px;margin:0 0 24px}.result-body{color:#ffffff80;margin-bottom:20px;font-size:14px;line-height:1.65}.result-btns{flex-direction:column;gap:12px;display:flex}.result-btn-primary{background:var(--amber);color:var(--navy);cursor:pointer;text-align:center;border:none;border-radius:3px;width:100%;padding:15px 28px;font-size:15px;font-weight:800;display:block}.result-btn-primary.notfit{background:var(--surface-strong);color:#ffffffb3}.result-btn-secondary{color:var(--ink-3);cursor:pointer;text-align:center;background:0 0;border:1.5px solid #ffffff26;border-radius:3px;width:100%;padding:14px 28px;font-size:14px;font-weight:600;display:block}.result-retake{text-align:center;color:#ffffff40;margin-top:20px;font-size:12px}.result-retake a{color:#ffffff59;cursor:pointer}.result-retake a:hover{color:var(--ink-3)}