:root{color-scheme:dark;--bg:#07132e;--surface:#101f43;--surface2:#132951;--stroke:#29416d;--text:#f3f8ff;--muted:#b8c9e5;--cyan:#00d4e8;--blue:#3677ff;--violet:#9660fb;--radius:18px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,'Segoe UI',Arial,sans-serif;background:radial-gradient(ellipse at 80% 0,#17367b66,transparent 45%),var(--bg);line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}img{max-width:100%;height:auto}p{margin:.5rem 0 1rem}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.skip{position:absolute;left:-1000px;top:5px;background:white;color:#07132e;padding:8px;z-index:50}.skip:focus{left:8px}.site-header{background:#07142df5;border-bottom:1px solid #274168;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.header-inner{min-height:76px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{font-size:1.25rem;font-weight:850;letter-spacing:-.03em;white-space:nowrap;display:inline-flex;gap:11px;align-items:center}.brand svg{width:40px;height:40px}.accent{color:var(--cyan)}.nav{display:flex;gap:18px;align-items:center}.nav a{font-size:.91rem;color:#d5e4fc}.nav a:hover,.nav a[aria-current=page]{color:var(--cyan)}.menu-toggle{display:none;background:transparent;border:1px solid var(--stroke);border-radius:10px;padding:8px 12px;color:white;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;background:linear-gradient(110deg,var(--cyan),var(--blue) 57%,var(--violet));color:#041229;font-weight:750;border:0;cursor:pointer}.button.ghost{background:transparent;border:1px solid #6384bf;color:#f6faff}.button:hover{filter:brightness(1.12)}.hero{padding:72px 0 78px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;bottom:0;left:-10%;width:120%;height:90px;background:radial-gradient(ellipse at center,#0179d644,transparent 65%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:55px;align-items:center}.eyebrow{text-transform:uppercase;color:#6bebff;letter-spacing:.15em;font-size:.77rem;font-weight:800}.hero h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.11;letter-spacing:-.05em;margin:16px 0 22px}.hero .lead{max-width:650px;font-size:1.19rem;color:#d4e5ff}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.book-image{width:min(100%,340px);margin:0 auto;display:block;border-radius:10px;box-shadow:0 30px 80px #0009,0 0 60px #00d4ff27;border:1px solid #64dffc65}.book-image-wrap{text-align:center}.book-caption{color:#a9c6ec;font-size:.83rem}.pill{display:inline-block;font-size:.8rem;border:1px solid #3b7bb7;padding:6px 12px;border-radius:30px;background:#0c35638c;color:#a8ebff}.section{padding:62px 0}.section.alt{background:#0d1d3b}.section h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.22;margin:6px 0 10px;letter-spacing:-.03em}.section-intro{color:var(--muted);max-width:750px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.card{display:block;background:linear-gradient(170deg,#172b54,#102041);border:1px solid var(--stroke);border-radius:var(--radius);padding:25px;min-height:185px;transition:.2s transform,.2s border-color}.card:hover{transform:translateY(-4px);border-color:#28bdf4}.card h3{line-height:1.3;margin:8px 0}.card p{color:var(--muted);font-size:.94rem}.card .kicker{font-size:.79rem;color:#69dff8;text-transform:uppercase;letter-spacing:.08em}.card .link{color:#63e3f3;font-weight:700;font-size:.92rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.image-panel{border:1px solid var(--stroke);border-radius:16px;overflow:hidden}.stat-line{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}.stat{min-width:100px}.stat strong{display:block;font-size:1.7rem;color:#7de9f7}.stat span{font-size:.88rem;color:#b6cced}.page-title{padding:70px 0 30px}.page-title h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.15;letter-spacing:-.03em;margin:12px 0}.page-title p{color:var(--muted);max-width:830px;font-size:1.12rem}.part{padding:24px 0;border-top:1px solid var(--stroke)}.part h2{font-size:1.35rem;margin:0 0 4px}.chapter-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.chapter{border:1px solid var(--stroke);padding:16px 18px;border-radius:12px;background:#102449;display:flex;gap:14px;align-items:flex-start}.chapter:hover{border-color:var(--cyan)}.chapter-number{color:#61deef;font-weight:850;font-size:.94rem}.chapter strong{display:block;line-height:1.3}.chapter small{display:block;color:#b4c6e5;margin-top:4px}.crumb{color:#a8c1e6;font-size:.84rem}.crumb a{color:var(--cyan)}.content-panel{background:#102449;border:1px solid var(--stroke);border-radius:18px;padding:26px;margin:25px 0}.content-panel h2{margin-top:0}.content-panel li{margin:8px 0}.notice{background:#0d2b46;border-left:3px solid var(--cyan);padding:17px 20px;border-radius:8px;color:#dfedff;margin:20px 0}.labs-toolbar{margin:28px 0 14px}.search{width:100%;max-width:560px;padding:14px 16px;border-radius:12px;border:1px solid #51729f;background:#0c1c39;color:white;font-size:1rem}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lab-grid .card{min-height:205px}.tag{display:inline-block;border:1px solid #3764a2;border-radius:20px;padding:3px 10px;color:#9fd3fc;font-size:.79rem}.code{padding:20px;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #34517e;background:#061329;border-radius:12px;color:#a9f0df;font-family:Consolas,'Courier New',monospace;font-size:.9rem}.form-row{display:flex;gap:12px;flex-wrap:wrap}.form-row input{background:#061a33;border:1px solid #56709d;color:white;padding:12px;border-radius:8px;flex:1;min-width:200px}.output{min-height:60px;padding:16px;margin-top:15px;border-radius:10px;background:#061329;border:1px solid var(--stroke)}.footer{border-top:1px solid var(--stroke);padding:40px 0;background:#06122a}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer p,.footer small{color:var(--muted)}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer a:hover{color:var(--cyan)}.visual-banner{border-radius:16px;border:1px solid var(--stroke);display:block;width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:920px){.nav{gap:10px}.nav a{font-size:.84rem}.hero-grid{gap:25px}.cards,.lab-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.container{width:min(var(--max),calc(100% - 28px))}.header-inner{min-height:68px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:68px;background:#07142e;padding:18px 20px;border-bottom:1px solid #37517d;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:10px}.hero{padding:42px 0}.hero-grid,.grid-2{grid-template-columns:1fr}.hero h1{font-size:2.6rem}.book-image{max-width:250px}.cards,.lab-grid,.chapter-list{grid-template-columns:1fr}.section{padding:42px 0}.page-title{padding:40px 0 18px}.card{min-height:0}}