:root{--bg:#050b14;--panel:#0d1827;--panel2:#12243a;--text:#f3f8ff;--muted:#a9bad0;--line:#28435f;--cyan:#35d0ff;--violet:#8b5cf6;--amber:#ffbf47;--green:#35d39a;--red:#ff6b7a;--shadow:0 22px 64px rgba(0,0,0,.28)}[data-theme="light"]{--bg:#f4f8fc;--panel:#fff;--panel2:#edf3fa;--text:#102033;--muted:#52657b;--line:#cad7e5;--shadow:0 16px 42px rgba(31,55,80,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 88% -10%,rgba(139,92,246,.17),transparent 31%),radial-gradient(circle at 6% 0,rgba(53,208,255,.14),transparent 28%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.55}a{color:inherit}.wrap{width:min(1220px,92vw);margin:auto}.top{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);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}.brand span,.accent{color:var(--cyan)}nav,.actions,.chips,.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.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:68px 0 34px}.eyebrow{color:var(--cyan);font-weight:900;letter-spacing:.13em;text-transform:uppercase;font-size:.81rem}.hero h1,.page-title{font-size:clamp(2.35rem,5.5vw,5.2rem);line-height:.98;letter-spacing:-.045em;margin:.24em 0 .22em;max-width:1080px}.hero p,.lead{font-size:clamp(1rem,2vw,1.25rem);color:var(--muted);max-width:900px}.actions{margin:22px 0}.chips{margin-top:12px}.chip{padding:.42rem .66rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.86rem}.section{padding:32px 0}.section h2{font-size:clamp(1.75rem,3.2vw,2.9rem);margin:0 0 .35em;letter-spacing:-.03em}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--panel2) 86%,transparent));padding:20px;box-shadow:var(--shadow)}.card h3{margin:.3rem 0 .45rem}.card p{color:var(--muted);margin:.35rem 0}.resource{display:flex;flex-direction:column}.resource .actions{margin-top:auto}.num{font-weight:950;color:var(--amber);letter-spacing:.08em}.callout{border-left:4px solid var(--cyan);padding:15px 17px;border-radius:12px;background:color-mix(in srgb,var(--panel2) 84%,transparent);margin:18px 0}.good{border-color:var(--green)}.warn{border-color:var(--amber)}.danger{border-color:var(--red)}.viewer{position:relative;aspect-ratio:16/9;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#02050a;box-shadow:var(--shadow)}.viewer.tall{aspect-ratio:4/3;min-height:72vh}.viewer iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.toolbar{margin:14px 0}.toolbar select,.toolbar input,.search{border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:.7rem}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.tab{opacity:.78}.tab.active{opacity:1;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#07111e;border:0}.sim{display:none}.sim.active{display:block}.controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.control{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:10px}.control label{display:block;font-size:.82rem;color:var(--muted);font-weight:800;margin-bottom:5px}.control input,.control select{width:100%}.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.28rem;color:var(--cyan)}canvas{width:100%;height:320px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel2) 87%,transparent)}table{width:100%;border-collapse:collapse}th,td{padding:.72rem;border-bottom:1px solid var(--line);text-align:left}th{color:var(--cyan)}.route{display:grid;gap:10px}.route a{text-decoration:none}.route-row{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.route-row:hover{border-color:var(--cyan)}.route-row strong{display:block}.route-row small{color:var(--muted)}.quiz-q{margin:14px 0}.option{display:block;width:100%;text-align:left;margin:7px 0}.option.correct{border-color:var(--green)}.option.wrong{border-color:var(--red)}.explain{display:none;padding:12px;border-radius:10px;background:var(--panel2);color:var(--muted);margin-top:8px}.explain.show{display:block}.term{padding:13px 0;border-bottom:1px solid var(--line)}.term b{color:var(--cyan)}footer{padding:34px 0 54px;color:var(--muted);border-top:1px solid var(--line);margin-top:34px}.small{font-size:.88rem;color:var(--muted)}code{background:var(--panel2);padding:.12rem .35rem;border-radius:6px}.pill{font-size:.78rem;border:1px solid var(--line);border-radius:999px;padding:.22rem .5rem;color:var(--muted)}@media(max-width:900px){.g2,.g3,.g4,.controls,.metrics{grid-template-columns:1fr}.top .wrap{align-items:flex-start;flex-direction:column}nav{width:100%}.route-row{grid-template-columns:55px 1fr}.route-row .pill{grid-column:2}.hero{padding-top:42px}}@media print{.top,.actions,.toolbar,.tabs{display:none!important}body{background:#fff;color:#111}.card{box-shadow:none}.wrap{width:94%}}