*{box-sizing:border-box}
body{margin:0;font-family:system-ui,"Segoe UI",Roboto,sans-serif;font-size:17px;line-height:1.55;color:#eef1ff;
background:#0b1033 radial-gradient(circle at 15% 10%,#2a1a6e 0,transparent 40%),radial-gradient(circle at 85% 30%,#123a8a 0,transparent 40%);background-attachment:fixed}
.app{min-height:100vh;background-image:radial-gradient(#ffffff22 1px,transparent 1px);background-size:40px 40px}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid #ffd23f;outline-offset:2px}
.nav{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 16px;background:#0b1033ee;border-bottom:1px solid #3b4aa0}
.logo{font-weight:800;color:#ffd23f;margin-right:8px}
.links,.toggles{display:flex;flex-wrap:wrap;gap:6px}
.toggles{margin-left:auto}
.nav button{background:#1b2363;color:#eef1ff;border:1px solid #3b4aa0;border-radius:999px;padding:8px 14px;min-height:40px}
.nav button.on,.nav button[aria-pressed=true]{background:#3b82f6;border-color:#9cc3ff}
.progress{padding:8px 16px;font-size:14px;background:#111842}
.bar{height:10px;background:#26306e;border-radius:99px;overflow:hidden;margin:6px 0}
.bar div{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ffd23f);transition:width .4s}
.shell{max-width:1000px;margin:0 auto;padding:20px 16px 40px}
.card{background:#141c4dcc;border:1px solid #33408f;border-radius:18px;padding:22px;margin-bottom:18px}
h1{font-size:clamp(1.6rem,4vw,2.5rem);line-height:1.15;margin:.2em 0}
h2{font-size:1.35rem;margin-top:0;color:#ffd23f}
.kicker{text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:#a8b8ff;margin:0}
.hero{display:grid;gap:20px;align-items:center;padding:20px 0 30px}
@media(min-width:800px){.hero{grid-template-columns:1.2fr 1fr}}
.lead{font-size:1.15rem}
.scene{width:100%;background:#141c4d;border-radius:20px;border:1px solid #33408f}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.btn{background:#3b82f6;color:#fff;border:0;border-radius:12px;padding:12px 20px;font-weight:700;min-height:48px}
.btn.alt{background:#6d28d9}
.btn.big{font-size:1.05rem;padding:16px 24px;background:#ffd23f;color:#0b1033}
.btn.big.alt{background:#8b5cf6;color:#fff}
.btn:disabled{opacity:.45;cursor:not-allowed}
.grid3{display:grid;gap:12px}
@media(min-width:700px){.grid3{grid-template-columns:repeat(3,1fr)}}
.law{text-align:left;background:#1d2766;border:1px solid #4656b8;color:#eef1ff;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px}
.law:hover{border-color:#ffd23f}
.law b{color:#ffd23f;font-size:1.1rem}
.chip{background:#1d2766;color:#eef1ff;border:1px solid #4656b8;border-radius:999px;padding:10px 16px}
.chip.on{background:#ffd23f;color:#0b1033;font-weight:700}
.formula{font-size:2rem;font-weight:800;text-align:center;color:#ffd23f;background:#0b1033;border-radius:12px;padding:12px;font-family:Georgia,serif}
.note{background:#2a1a6e;border-left:4px solid #ffd23f;padding:10px 14px;border-radius:8px}
.ex{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.ex li{background:#1d2766;border-radius:10px;padding:6px 12px}
.track{position:relative;height:130px;background:linear-gradient(#141c4d 80%,#3b4aa0 80%);border-radius:12px;overflow:hidden;margin-bottom:12px}
.obj{position:absolute;top:44px;display:flex;align-items:center;justify-content:center;font-weight:700}
.box{height:50px;min-width:50px;background:#8b5cf6;border-radius:8px;padding:0 6px;font-size:13px}
.ball{top:70px;width:34px;height:34px;color:#ffd23f;font-size:34px}
.balloon{font-size:48px;top:30px;transition:transform .2s}
.arrows{position:absolute;top:2px;display:flex;flex-direction:column;font-size:12px;font-weight:700}
.ar{padding:1px 6px;border-radius:6px;white-space:nowrap}.ar.y{background:#ffd23f;color:#0b1033}.ar.b{background:#3b82f6;margin-top:76px}
.field{display:block;margin:10px 0}.field input{width:100%;accent-color:#ffd23f;height:32px}
.big-num{font-size:1.8rem;font-weight:800;color:#ffd23f;margin:4px 0}
.qbox{margin-bottom:18px}.qtext{font-weight:700;font-size:1.1rem}
.opts{display:grid;gap:8px}
.opt{text-align:left;background:#1d2766;color:#eef1ff;border:2px solid #4656b8;border-radius:12px;padding:12px 14px;min-height:48px}
.opt.sel{border-color:#ffd23f;background:#2d3a8c}.opt.good{border-color:#22c55e;background:#14532d}.opt.bad{border-color:#f87171;background:#5b1d2a}
.fb{border-radius:10px;padding:10px 14px}.fb-ok{background:#14532d}.fb-no{background:#4a2a12}.fb-info{background:#1d2766}
.review li{margin-bottom:12px}
.pager{justify-content:space-between}
.privacy{font-size:14px;color:#b9c3ff;margin-top:24px}
.still *{animation:none!important;transition:none!important}
.ride{animation:ride 4s ease-in-out infinite alternate}.bounce{animation:bounce 1s ease-in-out infinite alternate}.lift{animation:lift 3s ease-in-out infinite alternate}
@keyframes ride{to{transform:translateX(20px)}}@keyframes bounce{to{transform:translateY(-40px)}}@keyframes lift{to{transform:translateY(-25px)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.hc,.hc .app{background:#000!important}
.hc .card,.hc .nav,.hc .progress,.hc .law,.hc .opt,.hc .chip,.hc .ex li,.hc .fb,.hc .note{background:#000!important;border:2px solid #fff!important;color:#fff!important}
.hc h2,.hc .formula,.hc .big-num{color:#ff0!important}
.hc .btn{background:#ff0!important;color:#000!important}