:root{--bg-dark:#0a0a0a;--bg-darker:#050505;--bg-card:#121212;--clr-cyan:#0495ee;--clr-magenta:#ff00e6;--clr-green:#4af626;--clr-orange:#ff9f00;--clr-red:#ff2a2a;--text-main:#eaeaea;--text-dim:#a0a0a0;--text-cyan:#0495ee;--neon-shadow-cyan:0 0 5px var(--clr-cyan), 0 0 10px var(--clr-cyan);--neon-shadow-magenta:0 0 5px var(--clr-magenta), 0 0 10px var(--clr-magenta);--font-macro:"Archivo Black", sans-serif;--font-micro:"JetBrains Mono", monospace;--spacing-macro:4rem;--spacing-md:2rem;--spacing-sm:1rem;--border-glow:1px solid #00f3ff33}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-micro);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-macro);text-transform:uppercase;letter-spacing:-.03em}:root{font-family:var(--font-micro)}body{background-color:var(--bg-dark);color:var(--text-main);min-h:100dvh;position:relative}body:after{content:" ";z-index:9999;pointer-events:none;opacity:.15;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;display:block;position:fixed;inset:0}@keyframes flicker{0%{opacity:.27861}5%{opacity:.34769}10%{opacity:.23604}15%{opacity:.90626}20%{opacity:.18128}25%{opacity:.83891}30%{opacity:.65583}35%{opacity:.57807}40%{opacity:.26559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.08594}60%{opacity:.20313}65%{opacity:.71988}70%{opacity:.53455}75%{opacity:.37288}80%{opacity:.71428}85%{opacity:.70419}90%{opacity:.7003}95%{opacity:.36108}to{opacity:.24387}}.noise-overlay{pointer-events:none;z-index:9998;opacity:.05;background:url(/noise.svg);width:100%;height:100%;position:fixed;top:0;left:0}.glitch{display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{color:var(--clr-cyan);z-index:-1}.glitch:after{color:var(--clr-magenta);z-index:-2}.glitch:hover:before{animation:.4s cubic-bezier(.25,.46,.45,.94) infinite both glitch-anim-1}.glitch:hover:after{animation:.4s cubic-bezier(.25,.46,.45,.94) infinite reverse both glitch-anim-2}@keyframes glitch-anim-1{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}to{transform:translate(0)}}@keyframes glitch-anim-2{0%{transform:translate(0)}20%{transform:translate(3px,-3px)}40%{transform:translate(3px,3px)}60%{transform:translate(-3px,-3px)}80%{transform:translate(-3px,3px)}to{transform:translate(0)}}.telemetry-card{background:var(--bg-card);box-sizing:border-box;border:1px solid #00f3ff26;padding:2rem;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}@media (width<=768px){.telemetry-card{padding:1.5rem 1rem}}.telemetry-card:hover{border-color:var(--clr-cyan);transform:translateY(-5px);box-shadow:inset 0 0 20px #00f3ff0d,0 0 15px #00f3ff1a}.telemetry-card:before,.telemetry-card:after{content:"";border:2px solid var(--clr-cyan);pointer-events:none;opacity:.5;width:10px;height:10px;position:absolute}.telemetry-card:before{border-bottom:none;border-right:none;top:-1px;left:-1px}.telemetry-card:after{border-top:none;border-left:none;bottom:-1px;right:-1px}.telemetry-card-header{font-family:var(--font-micro);color:var(--clr-cyan);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;margin-bottom:1rem;font-size:.7rem;display:flex}.glitch-button{color:var(--clr-orange);border:1px solid var(--clr-orange);font-family:var(--font-micro);text-transform:uppercase;cursor:pointer;letter-spacing:.2em;background:0 0;padding:.75rem 2rem;font-weight:700;transition:all .2s;position:relative}.glitch-button:hover{background:var(--clr-orange);color:var(--bg-dark);box-shadow:0 0 20px var(--clr-orange)}.glitch-button:after{content:"ACCESS_GRANTED";color:var(--clr-magenta);opacity:0;font-size:.5rem;transition:opacity .2s;position:absolute;top:100%;left:0}.glitch-button:hover:after{opacity:1}.home-hero{min-height:70vh;margin-bottom:var(--spacing-macro);flex-direction:column;justify-content:center;display:flex}.hero-subtitle{color:var(--clr-orange);font-family:var(--font-micro);letter-spacing:.5em;text-transform:uppercase;margin-bottom:1rem;font-weight:700}.hero-title{color:var(--clr-cyan);text-shadow:4px 4px 0 var(--clr-orange);margin-bottom:2rem;font-size:clamp(3rem,15vw,8rem);line-height:.8}.hero-description{max-width:60ch;color:var(--text-dim);border-left:3px solid var(--clr-cyan);margin-bottom:3rem;padding-left:2rem;font-size:1.1rem}.hero-cta{gap:2rem;display:flex}.bento-grid{margin-bottom:var(--spacing-macro);grid-template-columns:repeat(12,1fr);gap:clamp(.5rem,2vw,1.5rem);display:grid}.bento-item{grid-column:span 4}.bento-item.wide{grid-column:span 8}.bento-item.full{grid-column:span 12}.bento-item.tall{grid-row:span 2}.social-icon-hover:hover{filter:drop-shadow(0 0 8px var(--clr-cyan));transform:translateY(-3px);color:var(--clr-cyan)!important}@media (width<=1024px){.bento-item,.bento-item.wide{grid-column:span 6}}@media (width<=768px){.bento-item,.bento-item.wide{grid-column:span 12}.hero-cta{flex-direction:column;gap:1rem}}html,body{width:100%;position:relative;overflow-x:hidden}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100dvh;margin:0;padding:0}.app-shell{width:100%;position:relative;overflow-x:hidden}.main-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-sizing:border-box;background:#0a0a0acc;border-bottom:1px solid #00f3ff33;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 3rem;display:flex;position:sticky;top:0}.nav-logo{font-family:var(--font-macro);letter-spacing:.1em;align-items:center;gap:1rem;font-size:1.5rem;display:flex}.nav-right{align-items:center;gap:2rem;display:flex}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-dim);align-items:center;transition:all .3s;display:flex}.nav-links a:hover{color:var(--clr-cyan);filter:drop-shadow(0 0 5px var(--clr-cyan));transform:translateY(-2px)}.nav-status{color:var(--clr-green);letter-spacing:.05em;align-items:center;gap:.75rem;font-size:.7rem;font-weight:700;display:flex}@media (width<=400px){.nav-status{display:none}}.status-dot{background:var(--clr-green);width:8px;height:8px;box-shadow:0 0 8px var(--clr-green);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.mobile-toggle{color:var(--clr-cyan);cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}body.nav-open .app-shell>:not(.main-nav){filter:blur(8px);pointer-events:none;transition:filter .3s}.mobile-menu-backdrop{z-index:9999;background:#0006;position:fixed;inset:0}.mobile-menu{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-left:1px solid var(--clr-cyan);z-index:10000;background:#0a0a0afa;flex-direction:column;width:100%;max-width:320px;padding:2rem;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-15px 0 40px #000000e6}.mobile-menu-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:4rem;padding-bottom:1rem;display:flex}.mobile-menu-header .status-text{color:var(--clr-magenta);font-size:.7rem;font-weight:700}.mobile-menu-header button{color:var(--clr-cyan);cursor:pointer;background:0 0;border:none}.mobile-nav-links{flex-direction:column;gap:2rem;list-style:none;display:flex}.mobile-nav-links a{color:var(--text-main);font-family:var(--font-macro);align-items:center;gap:1.5rem;font-size:1.5rem;text-decoration:none;transition:all .2s;display:flex}.mobile-nav-links a:hover{color:var(--clr-cyan);transform:translate(10px)}@media (width<=900px){.desktop-only{display:none!important}.mobile-toggle{display:block}.main-nav{padding:1rem 1.5rem}}.page-container{box-sizing:border-box;width:100%;max-width:100%;min-height:calc(100vh - 80px);padding:4rem 3rem;overflow-x:hidden}@media (width<=768px){.page-container{padding:2rem 1.5rem}}.page-container h1{color:var(--clr-cyan);word-break:break-word;overflow-wrap:break-word;margin-bottom:2rem;font-size:clamp(2rem,8vw,5rem);line-height:.9}.about-grid{grid-template-columns:1.5fr 1fr;gap:4rem;margin-top:3rem;display:grid}@media (width<=1024px){.about-grid{grid-template-columns:1fr;gap:3rem}}.blog-content-rendered{color:var(--text-main);line-height:1.8;font-family:var(--font-micro);word-break:break-word}.blog-content-rendered h1,.blog-content-rendered h2,.blog-content-rendered h3{color:var(--clr-cyan);text-transform:uppercase;margin:2.5rem 0 1rem}.blog-content-rendered p{margin-bottom:1.5rem}.blog-content-rendered ul,.blog-content-rendered ol{margin-bottom:1.5rem;padding-left:1.5rem}.blog-content-rendered li{margin-bottom:.5rem}.tactical-link{color:var(--clr-orange);text-underline-offset:4px;font-weight:700;text-decoration:underline;transition:all .2s}.tactical-link:hover{color:#fff;text-shadow:0 0 8px var(--clr-orange)}.blog-media-wrapper{flex-direction:column;gap:.75rem;margin:2.5rem 0;display:flex}.media-caption{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;border-left:2px solid var(--clr-magenta);padding-left:.75rem;font-size:.7rem}.terminal-code{color:var(--clr-cyan);word-break:break-all;background:#0495ee1a;border-radius:4px;padding:.2rem .4rem;font-size:.9em}*{min-width:0}img,video,iframe{max-width:100%;height:auto}