:root{--bg:#050b14;--panel:#0d1827;--panel2:#12243a;--text:#f3f8ff;--muted:#a9bad0;--line:#28435f;--cyan:#2bd4e8;--violet:#8a70ff;--amber:#f3b94c;--green:#45d99a;--red:#ff7187;--shadow:0 24px 70px rgba(0,0,0,.28)}[data-theme="light"]{--bg:#f4f7fb;--panel:#fff;--panel2:#edf3fa;--text:#102033;--muted:#52657b;--line:#cad7e5;--shadow:0 18px 45px rgba(31,55,80,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% -15%,rgba(138,112,255,.16),transparent 32%),radial-gradient(circle at 5% 0,rgba(43,212,232,.13),transparent 30%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.55}a{color:inherit}.wrap{width:min(1180px,92vw);margin:auto}.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0}.brand{font-weight:900;letter-spacing:.02em}.brand span,.accent{color:var(--cyan)}nav{display:flex;gap:8px;flex-wrap:wrap}.btn,button,select,input{font:inherit}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--line);border-radius:11px;padding:.68rem .9rem;background:var(--panel2);color:var(--text);font-weight:800;text-decoration:none;cursor:pointer}.btn.primary,button.primary{border:0;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#07111e}.btn:hover,button:hover{transform:translateY(-1px)}.hero{padding:72px 0 38px}.eyebrow{color:var(--cyan);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem}.hero h1{font-size:clamp(2.5rem,6vw,5.6rem);line-height:.96;letter-spacing:-.05em;margin:.25em 0 .2em;max-width:1050px}.hero p{font-size:clamp(1.05rem,2vw,1.35rem);color:var(--muted);max-width:860px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:.42rem .65rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.86rem}.section{padding:34px 0}.section h2{font-size:clamp(1.8rem,3.4vw,3rem);margin:0 0 .35em;letter-spacing:-.03em}.lead{color:var(--muted);max-width:850px}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--panel2) 84%,transparent));padding:20px;box-shadow:var(--shadow)}.card h3{margin:.3rem 0 .45rem}.card p{color:var(--muted);margin:.35rem 0}.num{font-weight:950;color:var(--amber);letter-spacing:.09em}.callout{border-left:4px solid var(--cyan);padding:16px 18px;border-radius:12px;background:color-mix(in srgb,var(--panel2) 82%,transparent);margin:18px 0}.warn{border-color:var(--amber)}.danger{border-color:var(--red)}.good{border-color:var(--green)}.resource{display:flex;flex-direction:column}.resource .actions{margin-top:auto}.viewer{position:relative;aspect-ratio:16/9;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#02050a;box-shadow:var(--shadow)}.viewer iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0}.toolbar label{color:var(--muted);font-weight:700}.toolbar select,.toolbar input{border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);padding:.62rem}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.tab{opacity:.72}.tab.active{opacity:1;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#06101a;border:0}.sim{display:none}.sim.active{display:block}.controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.control{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:10px}.control label{display:block;font-size:.83rem;color:var(--muted);font-weight:800;margin-bottom:4px}.control input,.control select{width:100%}canvas{width:100%;height:320px;border-radius:14px;background:color-mix(in srgb,var(--panel2) 86%,transparent);border:1px solid var(--line)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.metric{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.metric b{display:block;font-size:1.35rem;color:var(--cyan)}.quiz-q{margin:16px 0}.option{display:block;width:100%;text-align:left;margin:7px 0}.option.correct{border-color:var(--green);background:color-mix(in srgb,var(--green) 16%,var(--panel2))}.option.wrong{border-color:var(--red);background:color-mix(in srgb,var(--red) 14%,var(--panel2))}.explain{display:none;padding:12px;border-radius:10px;background:var(--panel2);color:var(--muted);margin-top:8px}.explain.show{display:block}.search{width:100%;padding:.85rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text)}.term{padding:14px 0;border-bottom:1px solid var(--line)}.term b{color:var(--cyan)}footer{padding:38px 0 60px;color:var(--muted);border-top:1px solid var(--line);margin-top:38px}.small{font-size:.88rem;color:var(--muted)}@media(max-width:850px){.g2,.g3,.controls,.metrics{grid-template-columns:1fr}.hero{padding-top:42px}.top .wrap{align-items:flex-start;flex-direction:column}nav{width:100%}.viewer{border-radius:10px}}@media print{.top,.actions,.toolbar,.tabs{display:none!important}body{background:#fff;color:#111}.card{box-shadow:none}.wrap{width:94%}}