@import "https://fonts.googleapis.com/css2?family=Syncopate:wght@400;700&family=JetBrains+Mono:wght@400;700&family=Space+Grotesk:wght@300;500;700&display=swap";:root{--bg-color:#030303;--text-primary:#fff;--text-secondary:#888;--accent-color:#00f0ff;--glitch-red:#ff003c;--glitch-green:#00ff41;--border-color:#ffffff1a;--nav-bg:#030303cc;--font-display:"Syncopate", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-sans:"Space Grotesk", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);background-image:linear-gradient(#00f0ff08 1px,#0000 1px),linear-gradient(90deg,#00f0ff08 1px,#0000 1px);background-size:40px 40px;line-height:1.6;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000000d 0 1px,#0000 1px 2px);width:100%;height:100%;position:fixed;top:0;left:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--border-color);z-index:1000;width:100%;padding:1.5rem 0;position:fixed;top:0;left:0}.nav-content{justify-content:space-between;align-items:center;display:flex}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-primary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--accent-color)}.glitch-wrapper{flex-direction:column;display:inline-flex}.glitch{font-family:var(--font-display);text-transform:uppercase;color:#fff;display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);background:var(--bg-color);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:hover:before{text-shadow:-2px 0 var(--glitch-red);clip:rect(44px, 450px, 56px, 0);animation:.4s linear infinite alternate-reverse glitch-anim;left:2px}.glitch:hover:after{text-shadow:-2px 0 var(--glitch-green);clip:rect(44px, 450px, 56px, 0);animation:.4s linear infinite alternate-reverse glitch-anim2;left:-2px}@keyframes glitch-anim{0%{clip:rect(31px, 9999px, 94px, 0)}20%{clip:rect(62px, 9999px, 42px, 0)}40%{clip:rect(16px, 9999px, 78px, 0)}60%{clip:rect(89px, 9999px, 13px, 0)}80%{clip:rect(54px, 9999px, 92px, 0)}to{clip:rect(2px, 9999px, 58px, 0)}}@keyframes glitch-anim2{0%{clip:rect(65px, 9999px, 100px, 0)}20%{clip:rect(12px, 9999px, 56px, 0)}40%{clip:rect(98px, 9999px, 14px, 0)}60%{clip:rect(45px, 9999px, 87px, 0)}80%{clip:rect(23px, 9999px, 64px, 0)}to{clip:rect(76px, 9999px, 32px, 0)}}section{flex-direction:column;justify-content:center;min-height:80vh;padding:6rem 0;display:flex}.hero{min-height:100vh}.hero-title{margin-bottom:2rem;font-size:clamp(2.5rem,8vw,6rem);line-height:1}.status-box{border:1px solid var(--accent-color);clip-path:polygon(0 0,95% 0,100% 20%,100% 100%,5% 100%,0 80%);background:#00f0ff05;max-width:500px;padding:2rem}.status-val{font-family:var(--font-mono);color:var(--accent-color);text-shadow:0 0 10px #00f0ff66;font-size:clamp(1.2rem,3vw,2.5rem)}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.card{border:1px solid var(--border-color);background:#ffffff05;padding:2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.card:hover{border-color:var(--accent-color);background:#00f0ff08;transform:translateY(-10px)}.card:after{content:"";background:var(--accent-color);width:0;height:2px;transition:width .3s;position:absolute;top:0;right:0}.card:hover:after{width:100%}.section-label{font-family:var(--font-mono);color:var(--accent-color);letter-spacing:.4em;text-transform:uppercase;margin-bottom:1rem;font-size:.7rem}.reveal{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(50px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width<=768px){.nav-links{display:none}.container{padding:0 1.5rem}section{padding:4rem 0}}footer{text-align:center;border-top:1px solid var(--border-color);font-family:var(--font-mono);opacity:.5;padding:4rem 0;font-size:.7rem}