:root{--cyber-yellow: #FCEE0A;--razor-red: #FF003C;--electric-blue: #00F0FF;--void-black: #050505;--grid-color: rgba(0, 240, 255, .15);--text-primary: #FCEE0A;--text-secondary: rgba(0, 240, 255, .8);--font-display: "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--void-black);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden;min-height:100vh;cursor:crosshair}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;filter:contrast(1.2) brightness(.8)}#scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:100}#vignette{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 50%,rgba(0,0,0,.8) 100%);pointer-events:none;z-index:99}nav{display:flex;justify-content:space-between;align-items:center;padding:2rem 4rem;position:fixed;top:0;width:100%;z-index:50;background:linear-gradient(180deg,rgba(5,5,5,.9) 0%,transparent 100%);border-bottom:1px solid var(--razor-red)}.logo{font-family:var(--font-display);font-weight:900;font-size:1.8rem;color:var(--razor-red);text-transform:uppercase;letter-spacing:2px;clip-path:polygon(0 0,100% 0,90% 100%,0% 100%);background:var(--cyber-yellow);color:var(--void-black);padding:.2rem 1rem}.links a{color:var(--electric-blue);text-decoration:none;margin-left:2rem;font-family:var(--font-display);font-weight:700;text-transform:uppercase;position:relative;transition:all .2s}.links a:hover{color:var(--cyber-yellow);text-shadow:2px 2px var(--razor-red);background:var(--void-black)}#hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}h1.glitch{font-family:var(--font-display);font-size:6rem;font-weight:900;color:var(--cyber-yellow);text-shadow:4px 4px var(--void-black),-2px -2px var(--razor-red);text-transform:uppercase;letter-spacing:-2px;line-height:.9}.subtitle-container{margin-top:2rem;font-size:1.8rem;color:var(--electric-blue);background:#00f0ff1a;padding:.5rem 1rem;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);border-left:4px solid var(--razor-red)}.status-badge{margin-top:3rem;border:1px solid var(--razor-red);background:#ff003c1a;padding:.5rem 2rem;font-family:var(--font-display);color:var(--razor-red);font-weight:700;letter-spacing:2px;clip-path:polygon(0 0,100% 0,95% 100%,5% 100%)}section{padding:8rem 4rem;min-height:80vh;border-left:1px solid var(--grid-color);margin-left:2rem;position:relative}section:before{content:"";position:absolute;left:-6px;top:10%;width:11px;height:20px;background:var(--cyber-yellow)}.section-header{margin-bottom:5rem;display:flex;align-items:center;gap:2rem}.section-header h2{font-family:var(--font-display);font-size:3.5rem;color:var(--electric-blue);text-transform:uppercase;letter-spacing:2px}.section-header .prefix{color:var(--razor-red);font-size:1.5rem;vertical-align:super}.section-header .line{height:2px;background:repeating-linear-gradient(90deg,var(--cyber-yellow),var(--cyber-yellow) 10px,transparent 10px,transparent 20px);flex-grow:1;opacity:.5}.glass-panel{background:#050505cc;border:1px solid var(--electric-blue);padding:3rem;position:relative;clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%)}.glass-panel:after{content:"NO SIGNAL";position:absolute;bottom:5px;right:35px;font-size:.6rem;color:var(--razor-red);opacity:.7}.glass-panel:hover{border-color:var(--cyber-yellow);box-shadow:-5px 5px 0 var(--razor-red);transform:translate(2px,-2px);transition:all .1s}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem}.project-card h3{font-family:var(--font-display);font-size:1.8rem;color:var(--cyber-yellow);margin-bottom:.5rem;text-transform:uppercase}.project-card .tag{font-size:.8rem;color:var(--void-black);background:var(--electric-blue);padding:.2rem .8rem;font-weight:700;display:inline-block;margin-bottom:1rem;clip-path:polygon(0 0,100% 0,90% 100%,0% 100%)}.project-card .links{margin-top:2rem;display:flex;gap:1.5rem}.project-card .links a{color:var(--razor-red);text-decoration:none;font-family:var(--font-display);font-weight:700;border:1px solid var(--razor-red);padding:.5rem 1.5rem;transition:all .2s}.project-card .links a:hover{background:var(--razor-red);color:var(--void-black)}.cta-button{display:inline-block;margin-top:3rem;padding:1.5rem 4rem;background:var(--cyber-yellow);color:var(--void-black);font-family:var(--font-display);font-weight:900;font-size:1.2rem;text-decoration:none;text-transform:uppercase;clip-path:polygon(10% 0,100% 0,100% 70%,90% 100%,0 100%,0 30%);transition:all .2s}.cta-button:hover{background:var(--electric-blue);transform:scale(1.05);box-shadow:0 0 30px var(--electric-blue)}.social-links a{color:var(--text-secondary);font-size:1.2rem;font-family:var(--font-display);text-transform:uppercase}.social-links a:hover{color:var(--cyber-yellow);text-decoration:line-through}footer{background:var(--void-black);border-top:2px solid var(--razor-red);padding:3rem;text-align:center;font-family:var(--font-display);color:var(--text-secondary);letter-spacing:1px}@media(max-width:768px){h1.glitch{font-size:3.5rem}nav{padding:1.5rem}section{padding:4rem 1.5rem;margin-left:0;border-left:none}}