@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;700;900&family=JetBrains+Mono:wght@400;500;600;700;800&display=swap";
:root{--bg-main:#f5f2eb;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#faf8f5;--text-main:#121212;--text-muted:#4a4a4a;--text-dim:#717171;--border-color:#121212;--border-width:2.5px;--border-thick:3.5px;--shadow-color:#121212;--shadow-sm:3px 3px 0px var(--shadow-color);--shadow-md:5px 5px 0px var(--shadow-color);--shadow-lg:8px 8px 0px var(--shadow-color);--shadow-xl:12px 12px 0px var(--shadow-color);--accent-green:#00e575;--accent-green-hover:#0c6;--accent-yellow:#ffe600;--accent-yellow-hover:gold;--accent-pink:#ff85c0;--accent-purple:#c4b5fd;--accent-blue:#70b8ff;--accent-peach:#fed7aa;--accent-lavender:#e9d5ff;--accent-cyan:#67e8f9;--font-display:"Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--grid-color:#1212120f}[data-theme=dark]{--bg-main:#0e0e10;--bg-surface:#17171c;--bg-card:#1c1c24;--bg-card-hover:#23232e;--text-main:#f5f2eb;--text-muted:#b5b5c0;--text-dim:#828290;--border-color:#f5f2eb;--shadow-color:#f5f2eb;--shadow-sm:3px 3px 0px var(--shadow-color);--shadow-md:5px 5px 0px var(--shadow-color);--shadow-lg:8px 8px 0px var(--shadow-color);--shadow-xl:12px 12px 0px var(--shadow-color);--accent-green:#00ff84;--accent-yellow:#ffea2b;--accent-pink:#ff70b8;--accent-purple:#a78bfa;--accent-blue:#60a5fa;--accent-peach:#fb923c;--accent-lavender:#c084fc;--accent-cyan:#22d3ee;--grid-color:#f5f2eb0d}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-main);scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{background-color:var(--bg-main);background-image:radial-gradient(var(--grid-color) 1.5px, transparent 1.5px);min-height:100vh;color:var(--text-main);background-size:24px 24px;flex-direction:column;transition:background-color .2s,color .2s;display:flex;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-main);font-weight:800;line-height:1.15}p{color:var(--text-muted);line-height:1.65}a{color:inherit;text-decoration:none}code,pre,.mono{font-family:var(--font-mono)}.neo-box{background:var(--bg-card);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-md);transition:transform .15s,box-shadow .15s}.neo-box:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.neo-box-static{background:var(--bg-card);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-md)}.neo-box-inset{background:var(--bg-surface);border:var(--border-width) solid var(--border-color);box-shadow:inset 3px 3px #0003}.neo-btn{font-family:var(--font-mono);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-sm);background:var(--accent-green);color:#121212;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.92rem;font-weight:700;transition:transform .1s,box-shadow .1s,background-color .15s;display:inline-flex}.neo-btn:hover{box-shadow:var(--shadow-md);background:var(--accent-green-hover);transform:translate(-2px,-2px)}.neo-btn:active{box-shadow:1px 1px 0px var(--shadow-color);transform:translate(2px,2px)}.neo-btn-yellow{background:var(--accent-yellow)}.neo-btn-yellow:hover{background:var(--accent-yellow-hover)}.neo-btn-pink{background:var(--accent-pink)}.neo-btn-purple{background:var(--accent-purple)}.neo-btn-outline{background:var(--bg-surface);color:var(--text-main)}.neo-btn-outline:hover{background:var(--bg-card-hover)}.neo-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border:var(--border-width) solid var(--border-color);box-shadow:2px 2px 0px var(--shadow-color);background:var(--accent-yellow);color:#121212;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.neo-badge-green{background:var(--accent-green)}.neo-badge-pink{background:var(--accent-pink)}.neo-badge-blue{background:var(--accent-blue)}.neo-badge-purple{background:var(--accent-purple)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}@media (max-width:768px){.section{padding:52px 0}.container{padding:0 16px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-main);border-left:2px solid var(--border-color)}::-webkit-scrollbar-thumb{background:var(--border-color)}::-webkit-scrollbar-thumb:hover{background:var(--accent-green)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}