:root{--bg: #0a0a0f;--surface: #12121a;--card: #1a1a26;--border: #2a2a40;--neon: #00ffaa;--hot: #ff3366;--gold: #ffd700;--sky: #00aaff;--lavender: #b388ff;--text: #e8e8f0;--muted: #888899;--mono: "Space Mono", "Courier Prime", monospace;--display: "Archivo Black", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--mono);font-size:15px;line-height:1.7;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:1000}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:999;opacity:.4}#progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--neon),var(--sky),var(--hot));z-index:9999;transition:width .1s;width:0%;box-shadow:0 0 10px var(--neon)}nav{position:fixed;top:0;right:0;z-index:500;padding:1rem;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.nav-dot{width:8px;height:8px;border-radius:50%;background:var(--border);cursor:pointer;transition:all .3s;border:1px solid var(--muted)}.nav-dot:hover,.nav-dot.active{background:var(--neon);box-shadow:0 0 8px var(--neon);border-color:var(--neon)}.nav-dot[title]:hover:after{content:attr(title);position:absolute;right:20px;background:var(--card);color:var(--neon);padding:2px 8px;font-size:11px;border:1px solid var(--neon);white-space:nowrap}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:4rem 6vw;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,255,170,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,170,.05) 1px,transparent 1px);background-size:60px 60px;animation:gridPulse 4s ease-in-out infinite alternate}@keyframes gridPulse{0%{opacity:.5}to{opacity:1}}.hero-corner{position:absolute;top:2rem;left:6vw;color:var(--muted);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.hero-badge{display:inline-block;background:var(--hot);color:#fff;font-size:11px;padding:3px 10px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem;animation:badgeBlink 2s step-end infinite}@keyframes badgeBlink{0%,to{opacity:1}50%{opacity:.7}}.hero h1{font-family:var(--display);font-size:clamp(2.5rem,7vw,6rem);line-height:1;color:var(--text);max-width:900px;position:relative;z-index:1}.hero h1 .accent-neon{color:var(--neon)}.hero h1 .accent-hot{color:var(--hot)}.hero h1 .accent-sky{color:var(--sky)}.hero-sub{margin-top:1.5rem;font-size:1rem;color:var(--muted);max-width:600px;position:relative;z-index:1;border-left:3px solid var(--neon);padding-left:1rem}.cursor{display:inline-block;width:10px;height:1.1em;background:var(--neon);vertical-align:text-bottom;animation:blink 1s step-end infinite;margin-left:4px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:var(--muted);font-size:11px;letter-spacing:.2em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1;animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.hero-scroll:after{content:"▼";color:var(--neon)}.toc{background:var(--surface);border:1px solid var(--border);margin:2rem 6vw;padding:2rem;position:relative}.toc:before{content:"// TABLE OF CONTENTS";position:absolute;top:-10px;left:20px;background:var(--surface);padding:0 10px;color:var(--neon);font-size:12px;letter-spacing:.1em}.toc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.5rem;margin-top:.5rem}.toc-item{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer;color:var(--muted);text-decoration:none;font-size:13px;transition:color .2s}.toc-item:hover{color:var(--neon)}.toc-num{color:var(--hot);font-size:11px;min-width:24px}.section{padding:5rem 6vw;max-width:1100px;margin:0 auto;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.section.visible{opacity:1;transform:translateY(0)}.section-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.section-num{font-family:var(--display);font-size:4rem;color:var(--border);line-height:1;flex-shrink:0}.section-title-group{flex:1}.section-tag{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--hot);margin-bottom:.3rem}.section-title{font-family:var(--display);font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.1;color:var(--text)}.section-title .hl{color:var(--neon)}.section-title .hl-hot{color:var(--hot)}.section-title .hl-sky{color:var(--sky)}.section-title .hl-gold{color:var(--gold)}.callout{border:1px solid var(--border);padding:1.5rem;margin:2rem 0;position:relative;background:var(--card)}.callout:before{content:attr(data-label);position:absolute;top:-10px;left:16px;background:var(--card);padding:0 8px;font-size:10px;letter-spacing:.2em;text-transform:uppercase}.callout.neon{border-color:var(--neon)}.callout.neon:before{color:var(--neon)}.callout.hot{border-color:var(--hot)}.callout.hot:before{color:var(--hot)}.callout.sky{border-color:var(--sky)}.callout.sky:before{color:var(--sky)}.callout.gold{border-color:var(--gold)}.callout.gold:before{color:var(--gold)}.callout.lavender{border-color:var(--lavender)}.callout.lavender:before{color:var(--lavender)}.analogy{background:linear-gradient(135deg,#00ffaa0d,#00aaff0d);border-left:4px solid var(--neon);padding:1.5rem 1.5rem 1.5rem 2rem;margin:2rem 0;position:relative}.analogy:before{content:"💡 AHA MOMENT";display:block;font-size:10px;letter-spacing:.2em;color:var(--neon);margin-bottom:.5rem}.sarcasm{background:#ff336612;border:1px dashed var(--hot);padding:1rem 1.5rem;margin:1.5rem 0;font-style:italic;color:var(--muted);font-size:.95em}.sarcasm:before{content:"😏  "}.code-block{background:#070710;border:1px solid var(--border);padding:1.5rem;margin:1.5rem 0;overflow-x:auto;position:relative}.code-block:before{content:attr(data-lang);position:absolute;top:8px;right:12px;font-size:10px;color:var(--muted);letter-spacing:.15em;text-transform:uppercase}.code-block code{font-family:var(--mono);font-size:13px;line-height:1.6;display:block}.c-green{color:#0fa}.c-pink{color:#ff79c6}.c-yellow{color:#f1fa8c}.c-blue{color:#8be9fd}.c-orange{color:#ffb86c}.c-comment{color:#6272a4}.c-white{color:#f8f8f2}.term-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin:2rem 0}.term-card{background:var(--card);border:1px solid var(--border);padding:1.2rem;transition:border-color .3s,transform .3s;cursor:default}.term-card:hover{border-color:var(--neon);transform:translateY(-3px)}.term-name{font-family:var(--display);font-size:1rem;color:var(--neon);margin-bottom:.4rem}.term-def{font-size:13px;color:var(--muted);line-height:1.6}.lang-row{display:flex;align-items:center;gap:1rem;margin:.8rem 0}.lang-name{min-width:120px;font-size:13px;color:var(--text)}.lang-bar-bg{flex:1;height:8px;background:var(--border);position:relative}.lang-bar-fill{height:100%;background:linear-gradient(90deg,var(--neon),var(--sky));width:0%;transition:width 1.5s cubic-bezier(.16,1,.3,1);box-shadow:0 0 8px var(--neon)}.lang-bar-label{min-width:80px;font-size:11px;color:var(--muted)}.timeline{position:relative;padding-left:2rem;margin:2rem 0}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--neon),var(--hot))}.timeline-item{position:relative;padding:0 0 2rem 1.5rem}.timeline-item:before{content:"";position:absolute;left:-5px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 10px var(--neon)}.timeline-year{font-size:11px;color:var(--hot);letter-spacing:.15em;margin-bottom:.3rem}.timeline-event{font-size:14px;color:var(--text);margin-bottom:.3rem}.timeline-desc{font-size:13px;color:var(--muted)}.compare-table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:13px}.compare-table th{background:var(--card);color:var(--neon);padding:12px 16px;text-align:left;border-bottom:2px solid var(--neon);font-size:11px;letter-spacing:.15em;text-transform:uppercase}.compare-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--muted);vertical-align:top}.compare-table tr:hover td{background:var(--card);color:var(--text)}.compare-table td:first-child{color:var(--sky);font-weight:700}.divider{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:1rem 0}.hl-inline{color:var(--neon);font-weight:700}.hl-hot-inline{color:var(--hot);font-weight:700}.hl-sky-inline{color:var(--sky);font-weight:700}.hl-gold-inline{color:var(--gold);font-weight:700}p{margin-bottom:1rem;color:var(--muted);font-size:15px}p strong{color:var(--text)}h3{font-family:var(--display);color:var(--text);font-size:1.2rem;margin:1.5rem 0 .8rem}footer{text-align:center;padding:4rem 6vw;border-top:1px solid var(--border);color:var(--muted);font-size:12px;letter-spacing:.1em}footer .big{font-family:var(--display);font-size:2rem;color:var(--text);margin-bottom:1rem;display:block}.footer-neon{color:var(--neon)}.sep{display:flex;align-items:center;gap:1rem;margin:0 6vw;color:var(--border);font-size:11px;letter-spacing:.2em}.sep:before,.sep:after{content:"";flex:1;height:1px;background:var(--border)}blockquote{border-left:4px solid var(--gold);padding:1rem 1.5rem;margin:2rem 0;font-size:1.15em;color:var(--text);font-style:italic}blockquote cite{display:block;margin-top:.5rem;font-size:12px;color:var(--muted);font-style:normal;letter-spacing:.1em}ul{list-style:none;padding:0;margin:1rem 0}ul li{padding:4px 0 4px 20px;position:relative;color:var(--muted);font-size:14px}ul li:before{content:"▸";position:absolute;left:0;color:var(--neon)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.5rem 0}@media(max-width:700px){.two-col{grid-template-columns:1fr}.hero h1{font-size:2.2rem}.section-num{font-size:2.5rem}}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:2rem 0}.tool-card{background:var(--card);border:1px solid var(--border);padding:1.2rem;transition:all .3s}.tool-card:hover{border-color:var(--sky);box-shadow:0 0 15px #00aaff1a;transform:translateY(-3px)}.tool-icon{font-size:1.8rem;margin-bottom:.5rem}.tool-name{color:var(--sky);font-family:var(--display);font-size:.95rem;margin-bottom:.3rem}.tool-desc{font-size:12px;color:var(--muted);line-height:1.5}.stat-row{display:flex;gap:1.5rem;flex-wrap:wrap;margin:2rem 0}.stat-box{flex:1;min-width:140px;background:var(--card);border:1px solid var(--border);padding:1.5rem;text-align:center}.stat-num{font-family:var(--display);font-size:2.5rem;color:var(--neon);display:block}.stat-label{font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}