@font-face{font-family:jetbrains mono;src:url(/fonts/JetBrainsMono-Regular.woff2)format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:jetbrains mono;src:url(/fonts/JetBrainsMono-Italic.woff2)format('woff2');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:jetbrains mono;src:url(/fonts/JetBrainsMono-Bold.woff2)format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:jetbrains mono;src:url(/fonts/JetBrainsMono-BoldItalic.woff2)format('woff2');font-weight:700;font-style:italic;font-display:swap}html,body{height:100%;background-color:#000;margin:0;overflow:hidden}body{display:flex;color:#fff;line-height:1.5;font-weight:400}#app{width:100vw;height:100vh;position:relative}#effects{position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:1}#overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;box-sizing:border-box;z-index:10}#overlay *{pointer-events:auto}header nav{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.nav-link{padding:0!important}header ul{list-style:none;display:flex;gap:2rem;margin:0;padding:0}header ul li{display:flex;align-items:center;gap:.75rem;position:relative}header ul li a{color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;opacity:.7;transition:opacity .3s}header ul li a:hover{opacity:1}header ul li a.active{opacity:1}.cube-container{width:12px;height:12px;perspective:400px;opacity:0;transition:opacity .2s,transform .3s;pointer-events:none;transform:scale(.5)}header ul li:hover .cube-container{opacity:1;transform:scale(1)}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:rotateCube 3s infinite linear}.face{position:absolute;width:12px;height:12px;background:#000;border:1px solid #fff}.front{transform:rotateY( 0)translateZ(6px)}.back{transform:rotateY(180deg)translateZ(6px)}.right{transform:rotateY( 90deg)translateZ(6px)}.left{transform:rotateY(-90deg)translateZ(6px)}.top{transform:rotateX( 90deg)translateZ(6px)}.bottom{transform:rotateX(-90deg)translateZ(6px)}@keyframes rotateCube{from{transform:rotateX(0)rotateY(0)}to{transform:rotateX(360deg)rotateY(360deg)}}.hero{max-width:600px;text-shadow:2px 0 0 #000}.hero h1{font-size:5rem;margin:0;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:1rem}.hero p{font-size:1.2rem;opacity:.8;max-width:400px;margin-bottom:2rem}.glitch-text{position:relative;animation:text-glitch 5s infinite}@keyframes text-glitch{0%{transform:translate(0)}1%{transform:translate(-2px,2px)}2%{transform:translate(2px,-2px)}3%{transform:translate(0)}100%{transform:translate(0)}}footer{display:flex;justify-content:flex-end;align-items:flex-end}footer p{font-size:.8rem;font-weight:600;letter-spacing:.1em;opacity:.5}a,a:focus,a:hover{color:#fff}@media(max-width:768px){.hero h1{font-size:3rem}#overlay{padding:1.5rem}header ul{gap:1rem}}@media(prefers-reduced-motion:reduce){.glitch-text,.cube{animation:none}}