@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#e8f3ed;font-synthesis:none;--bg:#071c18;--panel:#0e2a24;--panel-2:#12352c;--line:#b8eccf21;--muted:#89a99b;--lime:#d7f36a;--mint:#9de5bd;--gold:#f2bd69;--red:#ff8e7c;background:#071c18;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 83% -10%,#235c48 0,#0b2921 28%,var(--bg) 56%);min-width:320px;min-height:100vh;margin:0}.shell{max-width:1320px;margin:auto;padding:28px 42px 22px}.topbar,.brand,.top-actions,.scenario-row,.scenario-buttons,.card-top,.card-footer,.panel-heading,.legend,.curve-caption,.scale>div,.mini-stats,footer{align-items:center;display:flex}.topbar{justify-content:space-between;margin-bottom:66px}.brand{gap:12px}.brand-mark{width:38px;height:38px;color:var(--lime);background:#d7f36a14;border:1px solid #d7f36a8c;border-radius:11px;place-items:center;display:grid}.brand strong{letter-spacing:.12em;font-size:12px;display:block}.brand strong span{color:var(--lime)}.brand small{color:var(--muted);letter-spacing:.04em;margin-top:4px;font-size:10px;display:block}.top-actions{gap:10px}.demo-pill{color:#bfe5ce;border:1px solid var(--line);background:#ffffff08;border-radius:20px;padding:8px 11px;font:11px DM Mono,monospace}.pulse,.footer-dot,.live-dot:before{background:var(--lime);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #d7f36a1a}button{font:inherit;color:inherit;cursor:pointer}.icon-button{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.hero{justify-content:space-between;align-items:end;gap:30px;margin-bottom:60px;display:flex}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.15em;color:var(--lime);align-items:center;gap:6px;margin:0 0 16px;font:11px DM Mono,monospace;display:flex}.hero h1{letter-spacing:-.065em;max-width:760px;margin:0;font-size:clamp(38px,5.5vw,72px);font-weight:800;line-height:1.02}.hero h1 em{color:var(--lime);font-style:normal}.hero-copy{color:var(--muted);max-width:570px;margin:22px 0 0;font-size:14px;line-height:1.7}.hero-stat{border-left:1px solid var(--line);min-width:168px;padding:4px 0 4px 24px}.hero-stat span,.hero-stat small{color:var(--muted);font-size:11px;display:block}.hero-stat strong{color:var(--lime);text-transform:capitalize;margin:6px 0;font-size:28px;display:block}.scenario-row{border-top:1px solid var(--line);justify-content:space-between;padding:26px 0 22px}.section-kicker{margin:0 0 8px;font-size:10px}.scenario-row h2,h3{letter-spacing:-.03em;margin:0}.scenario-row h2{font-size:20px}.scenario-buttons{flex-wrap:wrap;gap:8px}.scenario{text-transform:capitalize;border:1px solid var(--line);color:#b1c7bb;background:0 0;border-radius:9px;align-items:center;gap:7px;padding:9px 11px;font-size:12px;display:flex}.scenario:hover,.scenario.active{color:var(--lime);background:#d7f36a0f;border-color:#d7f36a99}.scenario-dot{background:var(--mint);border-radius:50%;width:7px;height:7px}.scenario-dot.strong{background:var(--lime)}.scenario-dot.balanced{background:var(--gold)}.scenario-dot.weak{background:var(--red)}.scenario-dot.random{background:#b59cff}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:16px;display:grid}.main-column,.side-column{gap:16px;display:grid}.question-card,.panel{border:1px solid var(--line);background:linear-gradient(145deg,#16392feb,#0a221ceb);border-radius:16px;box-shadow:0 18px 50px #00000021}.question-card{overflow:hidden}.card-top{border-bottom:1px solid var(--line);justify-content:space-between;padding:22px 25px}.tag{color:var(--lime);letter-spacing:.12em;align-items:center;gap:7px;font:10px DM Mono,monospace;display:inline-flex}.skill{color:var(--muted);margin-left:15px;font-size:11px}.question-count{color:#ecf6ef;font:26px DM Mono,monospace}.question-count small{color:var(--muted);font-size:11px}.question-body{padding:28px 25px 25px}.question-label{color:var(--gold);margin:0 0 12px;font:11px DM Mono,monospace}.question-body h2{letter-spacing:-.035em;max-width:670px;margin:0 0 28px;font-size:25px;line-height:1.35}.option-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.option{text-align:left;border:1px solid var(--line);color:#d9e8de;background:#ffffff09;border-radius:10px;align-items:center;gap:12px;padding:13px 14px;font-size:13px;transition:all .2s;display:flex}.option:hover:not(:disabled){background:#d7f36a12;border-color:#d7f36a99;transform:translateY(-1px)}.option:focus-visible,.scenario:focus-visible,.icon-button:focus-visible,.technical-toggle:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.option:disabled{cursor:default}.option-letter{width:25px;height:25px;color:var(--mint);background:#173e32;border-radius:7px;place-items:center;font:11px DM Mono,monospace;display:grid}.option.correct{border-color:var(--lime);background:#d7f36a1f}.option.incorrect{border-color:var(--red);background:#ff8e7c14}.option.correct .option-letter{background:var(--lime);color:#0a261e}.answer-note{color:#bed7c8;background:#ffffff0a;border-radius:9px;margin-top:17px;padding:11px 13px;font-size:12px}.answer-note.ok span{color:var(--lime)}.answer-note.no span{color:var(--gold)}.card-footer{color:var(--muted);background:#00000024;flex-wrap:wrap;gap:20px;padding:13px 25px;font:10px DM Mono,monospace}.card-footer span{align-items:center;gap:6px;display:flex}.lower-grid{grid-template-columns:1.1fr .9fr;gap:16px;display:grid}.panel{padding:21px}.panel-heading{justify-content:space-between}.panel h3{font-size:16px}.technical-toggle{color:var(--lime);background:0 0;border:0;font:11px DM Mono,monospace}.legend{color:var(--muted);gap:15px;margin:24px 0 5px;font-size:10px}.legend span{align-items:center;gap:5px;display:flex}.legend-line{border-top:2px solid var(--mint);width:18px;height:2px;display:inline-block}.legend-line.question{border-top-color:var(--gold);border-style:dashed}.curve-panel svg{width:100%;height:126px;overflow:visible}.curve{fill:none;stroke:var(--mint);stroke-width:2.5px}.item-line{stroke:var(--gold);stroke-dasharray:3 4;opacity:.75}.theta-line{stroke:var(--lime);stroke-dasharray:2 5;opacity:.9}.theta-dot{fill:var(--lime);stroke:#214e3d;stroke-width:3px}.curve-panel text{fill:#678c7d;font:9px DM Mono,monospace}.curve-caption{color:var(--muted);justify-content:space-between;font-size:9px}.curve-caption strong{color:#b4d3c0;font-weight:500}.tech-box{color:var(--muted);background:#0003;border-radius:8px;flex-direction:column;gap:5px;margin-top:15px;padding:11px;font-size:10px;display:flex}.tech-box code{color:var(--lime);font:11px DM Mono,monospace}.lock{border:1px solid var(--line);color:var(--lime);border-radius:6px;padding:5px 7px;font:13px DM Mono,monospace}.theta-value{align-items:baseline;gap:10px;margin:23px 0 19px;display:flex}.theta-value strong{color:#f3f8f3;font:36px DM Mono,monospace}.theta-value span{text-transform:capitalize;color:var(--gold);font-size:12px}.scale-track{background:linear-gradient(90deg,#5f504d,#b99857,#a6d66b);border-radius:99px;height:7px;position:relative}.scale-fill{background:#ffffff2e;border-radius:99px;height:100%;display:block}.scale-track i{border:3px solid var(--bg);background:var(--lime);border-radius:50%;width:13px;height:13px;position:absolute;top:50%;transform:translate(-50%,-50%)}.scale>div:last-child{color:var(--muted);justify-content:space-between;margin-top:10px;font:9px DM Mono,monospace}.mini-stats{border-top:1px solid var(--line);gap:30px;margin-top:20px;padding-top:16px}.metric{flex-direction:column;gap:3px;display:flex}.metric span,.metric small{color:var(--muted);font-size:10px}.metric strong{color:#edf6ef;font:20px DM Mono,monospace}.next-panel{min-height:190px}.next-item{align-items:center;gap:12px;margin:22px 0 15px;display:flex}.next-icon{width:37px;height:37px;color:var(--gold);background:#f2bd6921;border-radius:10px;place-items:center;display:grid}.next-item strong,.next-item span{display:block}.next-item strong{font-size:13px}.next-item span{color:var(--muted);margin-top:4px;font:10px DM Mono,monospace}.reason{color:#aac7b6;margin:0 0 17px;font-size:11px;line-height:1.65}.signal{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-top:13px;font-size:10px;display:flex}.signal strong{text-transform:capitalize;color:var(--lime);font:11px DM Mono,monospace}.live-dot{color:var(--lime);font:9px DM Mono,monospace}.timeline{margin-top:22px}.timeline-item{gap:10px;padding-bottom:18px;display:flex;position:relative}.timeline-item:not(:last-child):before{content:"";border-left:1px dashed #9de5bd38;position:absolute;top:10px;bottom:0;left:3px}.timeline-dot{z-index:1;background:var(--mint);border-radius:50%;flex:0 0 7px;width:7px;height:7px;margin-top:4px}.timeline-dot.warning{background:var(--gold)}.timeline-dot.success{background:var(--lime)}.timeline-item p{color:#a8c8b7;margin:0;font-size:10px;line-height:1.55}footer{border-top:1px solid var(--line);color:#638779;justify-content:space-between;margin-top:28px;padding-top:18px;font:9px DM Mono,monospace}.footer-dot{background:var(--lime);width:5px;height:5px;margin-right:5px}@media (width<=900px){.shell{padding:22px 20px}.topbar{margin-bottom:48px}.hero{flex-direction:column;align-items:start}.hero-stat{border-left:0;border-top:1px solid var(--line);width:100%;padding:16px 0 0}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.scenario-row{flex-direction:column;align-items:start;gap:18px}.scenario-buttons{width:100%}}@media (width<=560px){.hero h1{font-size:41px}.card-top,.question-body{padding-left:18px;padding-right:18px}.option-grid{grid-template-columns:1fr}.skill{margin:7px 0 0;display:block}.card-footer{gap:10px;padding-left:18px;padding-right:18px}.card-footer span{width:100%}footer{flex-direction:column;align-items:start;gap:8px}.question-body h2{font-size:21px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;transform:none!important}}