:root{--bg:#08101c;--panel:#111c30;--panel2:#16243d;--border:#263a5a;--soft:#a9bad4;--text:#eef5ff;--primary:#4da3ff;--primary2:#87cbff;--accent:#72e8ff;--gold:#f4c24f;--success:#43d69f;--max:1190px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 10% 0,rgba(77,163,255,.12),transparent 36%),linear-gradient(180deg,#07101b,#0b1423);color:var(--text);line-height:1.75}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}p{margin:0 0 1.1rem}h1,h2,h3{line-height:1.24;letter-spacing:-.025em}h1{font-size:clamp(2.1rem,4.4vw,3.75rem);margin:12px 0 14px}h2{font-size:clamp(1.4rem,2.5vw,2rem);margin:30px 0 12px}h3{font-size:1.22rem;margin:24px 0 10px}strong{color:#f2f8ff}ul,ol{padding-left:1.4rem;margin:8px 0 18px}li{margin:5px 0}code,kbd{font-family:"JetBrains Mono",Consolas,monospace;font-size:.91em}p code,li code,td code{color:#b6e7ff;background:rgba(77,163,255,.14);padding:2px 5px;border-radius:5px}kbd{background:#243852;border:1px solid #496580;padding:2px 6px;border-radius:6px}img{max-width:100%}.container{width:min(var(--max),calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:10;backdrop-filter:blur(15px);background:rgba(8,16,28,.94);border-bottom:1px solid #21304a}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:75px}.brand{display:flex;align-items:center;gap:12px;color:white!important;font-weight:800;font-size:1.15rem;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#198fff,#68d5ff);font-family:Rajdhani,sans-serif;font-size:1.4rem}.brand span{color:var(--primary2)}.top-nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}.top-nav a{color:#d9e7fb;font-weight:600;font-size:.92rem}.top-nav .nav-cta{background:#1b70c4;padding:10px 16px;border-radius:10px;color:white}.hero{padding:66px 0 35px}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:#9fe4fa;font-size:.79rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.lead{font-size:1.08rem;color:#c0d0e7;max-width:830px}.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.pill{border:1px solid #3b5875;border-radius:50px;background:#13243a;padding:6px 12px;font-size:.85rem;color:#dbeaff}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#173251;border:1px solid #3d5d81;border-radius:11px;padding:11px 17px;color:#e9f6ff;font-weight:700;line-height:1.4}.btn:hover{background:#234365;text-decoration:none}.btn.primary{background:linear-gradient(135deg,#4da3ff,#2975d1);border-color:transparent;color:#fff}.btn.primary:hover{filter:brightness(1.06)}.btn.mini{padding:7px 11px;font-size:.8rem}.section{padding:16px 0 35px}.section-heading p{color:var(--soft);max-width:840px}.part-heading{margin:28px 0 12px;color:#a6d8ff;letter-spacing:.03em;font-size:.85rem;text-transform:uppercase;font-weight:800}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.lesson-card{display:flex;flex-direction:column;border:1px solid #29405e;border-radius:18px;background:linear-gradient(145deg,#15233b,#101b2d);padding:20px;min-height:198px;transition:transform .18s,border-color .18s}.lesson-card:hover{transform:translateY(-2px);border-color:#5d99d8;text-decoration:none}.lesson-card .lesson-meta{color:#8ee9fb;font-size:.78rem;font-weight:800;letter-spacing:.05em}.lesson-card h3{font-size:1.14rem;margin:8px 0}.lesson-card p{font-size:.91rem;color:#b0c3df;margin:0}.lesson-card .go{margin-top:auto;padding-top:10px;color:#87ceff;font-weight:800}.note,.tip,.warn{padding:16px 18px;border-radius:13px;margin:18px 0;border:1px solid #355e80;background:#122d49;color:#d8eafb}.warn{border-color:#795c2b;background:#302716;color:#ffe7b6}.tip{border-color:#2d7467;background:#103329}.note strong,.tip strong,.warn strong{color:inherit}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.stat{padding:18px;border:1px solid #2a4162;background:#111f34;border-radius:16px}.stat strong{display:block;font-size:1.75rem;color:#8dd4ff}.stat span{color:#b5c8e0;font-size:.85rem}.learn-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}.article-body{min-width:0}.article-body>h2{scroll-margin-top:96px}.article-body h3{scroll-margin-top:96px}.article-body>section{padding-bottom:15px;border-bottom:1px solid #1c2f47}.article-body>section:last-of-type{border-bottom:0}.sidebar{position:sticky;top:95px;background:linear-gradient(155deg,#16243c,#0f1c30);padding:20px;border:1px solid #2a4263;border-radius:18px;max-height:calc(100vh - 114px);overflow:auto}.sidebar h2{font-size:1.05rem;margin:0 0 12px}.toc-list{display:grid;gap:2px}.toc-list a{padding:6px 8px;border-radius:8px;color:#c7d8ee;font-size:.82rem;line-height:1.45}.toc-list a:hover,.toc-list a[aria-current="page"]{background:#214364;color:#fff;text-decoration:none}.breadcrumb{font-size:.88rem;color:#a4bad4;padding-top:20px}.breadcrumb a{color:#a8e0ff}.toc-anchor{padding:8px 0}.code-box{border:1px solid #294765;border-radius:14px;overflow:hidden;background:#080f1c;margin:15px 0 26px}.code-head{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#16243a;border-bottom:1px solid #294765;padding:10px 13px;color:#cce9ff;font-size:.82rem;font-weight:700}.code-head .code-controls{display:flex;gap:8px;align-items:center}.code-head button{background:#294365;color:#eaf7ff;border:1px solid #40678a;border-radius:6px;padding:5px 8px;font-size:.79rem;cursor:pointer}.code-head a{font-size:.79rem}.code-box pre{margin:0;padding:18px;overflow:auto;font:13px/1.65 "JetBrains Mono",Consolas,monospace;color:#cde8ff;tab-size:4;white-space:pre}.code-box code{font-size:inherit}.table-wrap{overflow-x:auto;border:1px solid #2d4260;border-radius:14px;margin:18px 0}table{border-collapse:collapse;width:100%;min-width:470px}th,td{padding:11px 13px;text-align:left;border-bottom:1px solid #243953}thead{background:#172e4a}th{color:#bdeaff;font-size:.85rem}td{color:#d3e1f4;font-size:.9rem}tr:last-child td{border-bottom:0}.objective-card{border-radius:18px;padding:20px;background:#142942;border:1px solid #355c80;margin:23px 0}.objective-card h2{font-size:1.18rem;margin:0 0 10px}.objective-card ul{margin-bottom:0}.lesson-footer-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:32px 0 8px}.lesson-footer-nav a{font-weight:700;border:1px solid #355679;border-radius:12px;padding:12px 16px}.lesson-footer-nav a:hover{background:#1b3858;text-decoration:none}.callout-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.callout-grid>div{border:1px solid #2c4668;border-radius:16px;background:#112139;padding:22px}.callout-grid h3{margin:0 0 10px}.course-strip{margin:22px 0;background:#133552;border:1px solid #3d6892;border-radius:16px;padding:19px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.footer{margin-top:55px;padding:32px 0 36px;background:#070e1b;border-top:1px solid #243851;color:#afc2dc}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer a{color:#c3e6ff}.diagram{margin:24px 0;text-align:center}.diagram-center{margin:auto;max-width:340px;padding:18px;background:#1a5280;border:1px solid #4a93c6;border-radius:14px;font-weight:800}.diagram small{font-weight:400;color:#d0e8f7}.diagram-path{font-size:1.5rem;color:#8fd2ff}.diagram-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.diagram-branches>span{padding:15px;background:#142a44;border:1px solid #346084;border-radius:12px;font-weight:700}.sep{height:1px;background:#273c59;margin:25px 0}
@media(max-width:980px){.learn-layout{grid-template-columns:1fr}.sidebar{position:static;max-height:none;order:-1}.toc-list{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){.header-inner{align-items:flex-start;flex-direction:column;padding:10px 0}.top-nav{justify-content:flex-start;gap:12px}.hero{padding:35px 0 16px}.lesson-grid,.summary-stats,.callout-grid{grid-template-columns:1fr}.toc-list{grid-template-columns:repeat(2,minmax(0,1fr))}.diagram-branches{gap:5px}.diagram-branches>span{font-size:.78rem;padding:8px}.code-box pre{font-size:12px;padding:13px}.breadcrumb{padding-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lesson-card{transition:none}}