:root{--black: #000000;--white: #ffffff;--gray-100: #f5f5f5;--gray-200: #e0e0e0;--gray-300: #b0b0b0;--gray-400: #808080;--gray-500: #505050;--gray-600: #303030;--gray-700: #1a1a1a;--gray-800: #0d0d0d;--gray-900: #050505;--font-display: "Orbitron", monospace;--font-body: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .2s ease;--transition-med: .4s ease;--transition-slow: .8s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--black);color:var(--white);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--white);color:var(--black)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--gray-500);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-300)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:.05em;text-transform:uppercase}h1{font-size:clamp(2.5rem,8vw,6rem);line-height:1}h2{font-size:clamp(1.8rem,5vw,3.5rem)}h3{font-size:clamp(1.2rem,3vw,2rem)}p,li{font-family:var(--font-body);color:var(--gray-300);line-height:1.8}.mono{font-family:var(--font-mono);letter-spacing:.02em}.glitch-text{position:relative;display:inline-block}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.glitch-text:before{clip-path:inset(20% 0 60% 0);transform:translate(-2px);color:var(--gray-400);animation:glitch-slice-top 3s infinite linear alternate-reverse}.glitch-text:after{clip-path:inset(60% 0 20% 0);transform:translate(2px);color:var(--gray-200);animation:glitch-slice-bottom 3s infinite linear alternate-reverse}@keyframes glitch-slice-top{0%{transform:translate(-2px)}20%{transform:translate(2px,-1px)}40%{transform:translate(-1px,1px)}60%{transform:translate(1px)}80%{transform:translate(-2px,-1px)}to{transform:translate(2px,1px)}}@keyframes glitch-slice-bottom{0%{transform:translate(2px)}20%{transform:translate(-1px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-2px)}80%{transform:translate(1px,1px)}to{transform:translate(-1px,-1px)}}.app{position:relative;min-height:100vh}section{position:relative;min-height:100vh;padding:120px 24px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.section-reveal{will-change:transform,opacity}.container{max-width:1200px;margin:0 auto;width:100%;position:relative;z-index:2}.section-label{font-family:var(--font-mono);font-size:.75rem;color:var(--gray-500);letter-spacing:.3em;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:12px}.section-label:before{content:"//";color:var(--gray-400)}.section-label:after{content:"";flex:1;height:1px;background:var(--gray-700)}.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--gray-500),transparent);margin:40px 0}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-family:var(--font-display);font-size:.85rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:1px solid var(--gray-500);background:transparent;color:var(--white);transition:all var(--transition-med);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--white);transition:transform var(--transition-med);z-index:-1}.btn:hover{color:var(--black)}.btn:hover:before{transform:translate(100%)}.btn-outline{border-color:var(--gray-600);color:var(--gray-300)}.btn-outline:hover{border-color:var(--white)}.card{background:var(--gray-900);border:1px solid var(--gray-700);padding:32px;transition:all var(--transition-med)}.card:hover{border-color:var(--gray-400);background:var(--gray-800)}.section-black{background:var(--black)}.section-dark{background:var(--gray-900)}@media (max-width: 768px){section{padding:80px 16px}}@media (max-width: 480px){section{padding:60px 12px}}.blog-content h2{font-size:1.4rem;margin:32px 0 16px;font-family:var(--font-mono);color:var(--gray-100);letter-spacing:.02em}.blog-content p{margin-bottom:16px;line-height:1.9}.blog-content a{color:var(--gray-300);border-bottom:1px solid var(--gray-600);text-decoration:none;transition:color .2s}.blog-content a:hover{color:var(--white);border-bottom-color:var(--gray-300)}.blog-content img{max-width:100%;height:auto;filter:grayscale(100%);border:1px solid var(--gray-700);margin:20px 0;display:block}.blog-content blockquote{border-left:2px solid var(--gray-500);padding-left:20px;margin:20px 0;color:var(--gray-400);font-style:italic}.blog-content ul,.blog-content ol{padding-left:24px;margin:16px 0}.blog-content li{margin-bottom:8px}