@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Share+Tech+Mono&family=Barlow:wght@300;400;500;600;700&family=Barlow+Condensed:wght@300;400;600;700;800&display=swap";:root{--bg: #070b09;--surface: #0c1210;--card: #101810;--card-hover: #141f18;--overlay: rgba(0, 0, 0, .7);--border: #1a2e22;--border-bright:#243d2e;--green: #3ddc84;--green-dim: #1a5c35;--green-dark: #0d3320;--green-glow: rgba(61, 220, 132, .12);--green-glow-strong: rgba(61, 220, 132, .22);--amber: #f5c040;--amber-dim: #6b4200;--amber-glow: rgba(245, 192, 64, .1);--red: #ff4757;--red-glow: rgba(255, 71, 87, .1);--cyan: #00d4e8;--cyan-glow: rgba(0, 212, 232, .1);--text: #c4d4bc;--text-bright: #e4ede0;--text-dim: #607060;--text-muted: #3a4c3a;--font-display: "Bebas Neue", "Impact", sans-serif;--font-mono: "Share Tech Mono", "Courier New", monospace;--font-sans: "Barlow", "Segoe UI", sans-serif;--font-cond: "Barlow Condensed", "Arial Narrow", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--shadow-card: 0 2px 20px rgba(0,0,0,.4);--shadow-glow: 0 0 20px rgba(61, 220, 132, .15);--sidebar-width: 260px;--transition: .2s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.7;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);pointer-events:none;z-index:9999}a{color:var(--green);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--text-bright)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-cond);font-weight:700;color:var(--text-bright);line-height:1.15;letter-spacing:.5px}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}ul,ol{padding-left:var(--space-5)}code,pre{font-family:var(--font-mono);font-size:.875em}code{background:var(--green-dark);color:var(--green);padding:2px 6px;border-radius:var(--radius-sm)}pre{background:var(--surface);border:1px solid var(--border);padding:var(--space-5);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-5)}pre code{background:none;padding:0;border-radius:0}hr{border:none;border-top:1px solid var(--border);margin:var(--space-7) 0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--green-dim);border-radius:2px}::selection{background:var(--green-dim);color:var(--text-bright)}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.page-main{flex:1}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-5)}.container--wide{max-width:1400px}.container--narrow{max-width:760px}.hero{padding:var(--space-9) 0 var(--space-8);position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 80% 40%,rgba(61,220,132,.05) 0%,transparent 60%),radial-gradient(ellipse 40% 50% at 15% 70%,rgba(0,212,232,.03) 0%,transparent 55%);pointer-events:none}.hero__tag{font-family:var(--font-mono);font-size:11px;color:var(--green);letter-spacing:4px;text-transform:uppercase;display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.hero__tag:before{content:"//";color:var(--green-dim)}.hero__title{font-family:var(--font-display);font-size:clamp(52px,8vw,96px);color:var(--text-bright);letter-spacing:3px;line-height:.92;margin-bottom:var(--space-5)}.hero__title span{color:var(--green)}.hero__subtitle{font-size:17px;color:var(--text-dim);max-width:560px;line-height:1.8;font-weight:300;margin-bottom:var(--space-6)}.section{padding:var(--space-8) 0;border-bottom:1px solid var(--border)}.section__header{margin-bottom:var(--space-7)}.section__tag{font-family:var(--font-mono);font-size:10px;color:var(--green);letter-spacing:3px;text-transform:uppercase;margin-bottom:var(--space-2)}.section__title{font-family:var(--font-display);font-size:clamp(32px,4vw,48px);color:var(--text-bright);letter-spacing:2px;line-height:1}.section__title span{color:var(--amber)}.section__desc{margin-top:var(--space-3);font-size:15px;color:var(--text-dim);font-weight:300;max-width:680px}.card{background:var(--card);border:1px solid var(--border);padding:var(--space-6);position:relative;transition:background var(--transition),border-color var(--transition)}.card:hover{background:var(--card-hover);border-color:var(--border-bright)}.card__icon{font-size:28px;margin-bottom:var(--space-3);display:block}.card__title{font-family:var(--font-cond);font-size:15px;font-weight:700;color:var(--text-bright);letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--space-3)}.card__text{font-size:13.5px;color:var(--text-dim);line-height:1.65}.card__badge{position:absolute;top:var(--space-4);right:var(--space-4);font-family:var(--font-mono);font-size:9px;padding:3px 8px;border-radius:var(--radius-sm);letter-spacing:1px;text-transform:uppercase}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:9px;letter-spacing:1px;text-transform:uppercase}.badge--green{background:var(--green-dark);color:var(--green)}.badge--amber{background:var(--amber-dim);color:var(--amber)}.badge--red{background:var(--red-glow);color:var(--red)}.badge--cyan{background:var(--cyan-glow);color:var(--cyan)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-cond);font-size:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;cursor:pointer;border:none;transition:all var(--transition)}.btn--primary{background:var(--green);color:var(--bg)}.btn--primary:hover{background:var(--text-bright);color:var(--bg);transform:translateY(-1px);box-shadow:var(--shadow-glow)}.btn--ghost{background:transparent;color:var(--green);border:1px solid var(--green-dim)}.btn--ghost:hover{background:var(--green-glow);border-color:var(--green);color:var(--green)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:12px}.alert{border-left:3px solid var(--amber);background:var(--amber-glow);padding:var(--space-4) var(--space-5);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:var(--space-5)}.alert--critical{border-color:var(--red);background:var(--red-glow)}.alert--info{border-color:var(--cyan);background:var(--cyan-glow)}.alert--success{border-color:var(--green);background:var(--green-glow)}.alert__title{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--space-2);color:var(--amber)}.alert--critical .alert__title{color:var(--red)}.alert--info .alert__title{color:var(--cyan)}.alert--success .alert__title{color:var(--green)}.alert p{font-size:13.5px;color:var(--text-dim);margin:0}.checklist{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.checklist li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:14px;color:var(--text-dim);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.checklist li:before{content:"◆";color:var(--green);font-size:8px;margin-top:5px;flex-shrink:0}.checklist li strong{color:var(--text-bright)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:var(--space-7)}@media (max-width: 640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-item{background:var(--surface);padding:var(--space-5) var(--space-6)}.stat-item__val{font-family:var(--font-display);font-size:40px;color:var(--green);line-height:1;margin-bottom:var(--space-1)}.stat-item__label{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}@media (max-width: 900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-7) 0;font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.pulse{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;animation:pulse 2s infinite}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}.xp-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.xp-bar__fill{height:100%;background:linear-gradient(90deg,var(--green-dim),var(--green));border-radius:2px;transition:width .8s ease}.prose h1,.prose h2,.prose h3{font-family:var(--font-display);letter-spacing:1px;margin:var(--space-7) 0 var(--space-4)}.prose h1{font-size:48px;color:var(--text-bright)}.prose h2{font-size:36px;color:var(--text-bright)}.prose h3{font-size:24px;color:var(--amber);font-family:var(--font-cond)}.prose p{font-size:15px;color:var(--text-dim);margin-bottom:var(--space-4)}.prose ul{list-style:none;padding:0}.prose ul li{padding:var(--space-2) 0;padding-left:var(--space-5);color:var(--text-dim);position:relative;border-bottom:1px solid var(--border);font-size:14px}.prose ul li:before{content:"◆";color:var(--green);font-size:8px;position:absolute;left:0;top:10px}.prose strong{color:var(--text-bright);font-weight:600}.prose a{color:var(--green)}.prose a:hover{color:var(--text-bright)}.prose blockquote{border-left:3px solid var(--green-dim);padding:var(--space-4) var(--space-5);background:var(--green-glow);margin:var(--space-5) 0;border-radius:0 var(--radius-md) var(--radius-md) 0}.prose blockquote p{color:var(--text)}@media (max-width: 768px){body:before{display:none}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.hidden{display:none}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.flex-wrap{flex-wrap:wrap}.text-green{color:var(--green)}.text-amber{color:var(--amber)}.text-red{color:var(--red)}.text-cyan{color:var(--cyan)}.text-bright{color:var(--text-bright)}.text-dim{color:var(--text-dim)}.text-muted{color:var(--text-muted)}.text-sm{font-size:12px}.text-base{font-size:14px}.text-lg{font-size:17px}.text-xl{font-size:20px}.font-mono{font-family:var(--font-mono)}.font-cond{font-family:var(--font-cond)}.font-display{font-family:var(--font-display)}.font-sans{font-family:var(--font-sans)}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:2px}.tracking-wider{letter-spacing:4px}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:700}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-7{margin-top:var(--space-7)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-7{margin-bottom:var(--space-7)}.mb-8{margin-bottom:var(--space-8)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.border-bottom{border-bottom:1px solid var(--border)}.border-top{border-top:1px solid var(--border)}.w-full{width:100%}.max-w-md{max-width:560px}.max-w-lg{max-width:760px}.relative{position:relative}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.no-wrap{white-space:nowrap}.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: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}