:root{--bg-color: #020202;--text-primary: #e0e0e0;--text-dim: #7a7a7a;--accent-cyan: #00f3ff;--accent-magenta: #ff003c;--hud-line: rgba(0, 243, 255, .3);--hud-text: rgba(0, 243, 255, .7);--font-heading: "Rajdhani", sans-serif;--font-mono: "Share Tech Mono", monospace}*{margin:0;padding:0;box-sizing:border-box;cursor:none!important}body,html{width:100%;height:100%;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-heading);overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}.scanlines{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;z-index:9990;pointer-events:none;opacity:.4}.vignette{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle,#0000 40%,#000c);z-index:9989;pointer-events:none}.cursor-dot{position:fixed;top:0;left:0;width:4px;height:4px;background-color:var(--accent-cyan);border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);box-shadow:0 0 8px var(--accent-cyan)}.cursor-crosshair{position:fixed;top:0;left:0;width:40px;height:40px;border:1px solid rgba(0,243,255,.4);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s,height .2s,border-color .2s;border-radius:0}.cursor-crosshair:before,.cursor-crosshair:after{content:"";position:absolute;background:#00f3ff99}.cursor-crosshair:before{top:50%;left:-5px;right:-5px;height:1px}.cursor-crosshair:after{left:50%;top:-5px;bottom:-5px;width:1px}.cursor-crosshair.active{width:60px;height:60px;border-color:var(--accent-magenta);transform:translate(-50%,-50%) rotate(45deg)}.cursor-crosshair.active:before,.cursor-crosshair.active:after{background:var(--accent-magenta)}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:99999;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--font-mono);color:var(--accent-cyan)}.loader-content{text-align:center;width:300px}.loader-sys{font-size:14px;letter-spacing:4px;margin-bottom:20px;animation:blink 1s infinite alternate}.loader-percentage{font-size:64px;font-weight:700;margin-bottom:20px;text-shadow:0 0 10px var(--accent-cyan)}.loader-bar-container{width:100%;height:2px;background:#00f3ff33;position:relative}.loader-bar{height:100%;width:0%;background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan)}.enter-btn{background:transparent;border:1px solid var(--accent-cyan);color:var(--accent-cyan);padding:15px 30px;font-family:var(--font-mono);font-size:16px;letter-spacing:3px;margin-top:40px;text-transform:uppercase;transition:all .3s}.enter-btn:hover{background:#00f3ff1a;box-shadow:0 0 15px #00f3ff66}@keyframes blink{0%{opacity:.3}to{opacity:1}}#webgl-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.hud-wrapper{position:relative;z-index:10;min-height:100vh;pointer-events:none}.hud-header,.hud-main{pointer-events:auto}.hud-corner{position:fixed;width:40px;height:40px;z-index:9980;pointer-events:none}.hud-corner.top-left{top:30px;left:30px;border-top:2px solid var(--hud-line);border-left:2px solid var(--hud-line)}.hud-corner.top-right{top:30px;right:30px;border-top:2px solid var(--hud-line);border-right:2px solid var(--hud-line)}.hud-corner.bottom-left{bottom:30px;left:30px;border-bottom:2px solid var(--hud-line);border-left:2px solid var(--hud-line)}.hud-corner.bottom-right{bottom:30px;right:30px;border-bottom:2px solid var(--hud-line);border-right:2px solid var(--hud-line)}.hud-data{position:fixed;font-family:var(--font-mono);font-size:11px;color:var(--hud-text);letter-spacing:2px;z-index:9980;pointer-events:auto}.top-left-data{top:35px;left:80px}.top-right-data{top:35px;right:80px;text-align:right}.bottom-left-data{bottom:35px;left:80px}.bottom-right-data{bottom:35px;right:80px;text-align:right}.audio-btn{background:transparent;border:none;color:var(--accent-magenta);font-family:var(--font-mono);font-size:11px;letter-spacing:2px;outline:none;transition:text-shadow .3s}.audio-btn:hover{text-shadow:0 0 8px var(--accent-magenta)}.hud-header{position:fixed;top:0;width:100%;padding:60px 80px;display:flex;justify-content:space-between;align-items:center;z-index:100}.logo{font-family:var(--font-heading);font-size:28px;font-weight:700;letter-spacing:4px;color:var(--text-primary)}.logo span{color:var(--accent-cyan);font-weight:400}.nav-links a{font-family:var(--font-mono);color:var(--text-primary);text-decoration:none;margin-left:40px;font-size:14px;letter-spacing:3px;position:relative;transition:color .3s}.nav-links a:hover{color:var(--accent-cyan)}.page{position:absolute;top:0;left:0;width:100%;min-height:100vh;display:flex;align-items:center;padding:0 12vw;visibility:hidden;opacity:0;z-index:1}.page.active{visibility:visible;opacity:1;z-index:2}.page-content{max-width:900px;width:100%}.center-align{text-align:center;margin:0 auto}.hero-label{font-family:var(--font-mono);color:var(--accent-magenta);font-size:14px;letter-spacing:4px;margin-bottom:20px}.hero-title,.page-title{font-size:clamp(50px,8vw,120px);line-height:.9;font-weight:700;margin-bottom:30px;text-transform:uppercase;color:#fff}.line{display:block;overflow:hidden}.line-inner{display:block;transform:translateY(110%)}.hero-subtitle{font-family:var(--font-mono);font-size:16px;color:var(--text-dim);max-width:500px;margin-bottom:50px;line-height:1.6}.btn{display:inline-block;padding:12px 24px;border:1px solid rgba(255,255,255,.2);color:#fff;font-family:var(--font-mono);text-decoration:none;font-size:14px;letter-spacing:2px;transition:all .3s;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent-cyan);transition:left .3s ease;z-index:-1}.btn:hover{color:#000;border-color:var(--accent-cyan);box-shadow:0 0 15px #00f3ff80}.btn:hover:before{left:0}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:50px}.work-card{position:relative;height:250px;background:#000;border:1px solid rgba(0,243,255,.2);overflow:hidden;transition:all .3s ease}.work-img{width:100%;height:100%;object-fit:cover;opacity:.6;transition:opacity .3s,transform .5s}.card-overlay{position:absolute;bottom:0;left:0;width:100%;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent)}.work-card h4{font-family:var(--font-mono);font-size:18px;color:var(--accent-cyan);margin-bottom:5px;letter-spacing:2px}.work-card p{color:#fff;font-size:12px}.work-card:hover{border-color:var(--accent-magenta);box-shadow:0 0 20px #ff003c4d}.work-card:hover .work-img{opacity:1;transform:scale(1.05)}.terminal-box{background:#000000b3;border:1px solid var(--accent-magenta);padding:30px;max-width:600px;margin:50px auto 0;text-align:left;font-family:var(--font-mono);color:var(--accent-cyan);box-shadow:inset 0 0 20px #ff003c33}.typing-text{margin-bottom:15px;font-size:14px;letter-spacing:2px;opacity:0}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;opacity:0}.glitch:before{left:3px;text-shadow:-2px 0 var(--accent-magenta);clip:rect(24px,550px,90px,0);animation:glitch-anim-2 3s infinite linear alternate-reverse}.glitch:after{left:-3px;text-shadow:-2px 0 var(--accent-cyan);clip:rect(85px,550px,140px,0);animation:glitch-anim 2.5s infinite linear alternate-reverse}.glitch:hover:before,.glitch:hover:after{opacity:1}@keyframes glitch-anim{0%{clip:rect(26px,9999px,83px,0)}5%{clip:rect(6px,9999px,85px,0)}10%{clip:rect(104px,9999px,47px,0)}15%{clip:rect(19px,9999px,5px,0)}20%{clip:rect(35px,9999px,125px,0)}25%{clip:rect(4px,9999px,70px,0)}30%{clip:rect(98px,9999px,91px,0)}35%{clip:rect(117px,9999px,20px,0)}40%{clip:rect(113px,9999px,32px,0)}45%{clip:rect(61px,9999px,23px,0)}50%{clip:rect(74px,9999px,11px,0)}55%{clip:rect(33px,9999px,54px,0)}60%{clip:rect(96px,9999px,122px,0)}65%{clip:rect(54px,9999px,50px,0)}70%{clip:rect(85px,9999px,102px,0)}75%{clip:rect(18px,9999px,107px,0)}80%{clip:rect(48px,9999px,63px,0)}85%{clip:rect(98px,9999px,93px,0)}90%{clip:rect(59px,9999px,126px,0)}95%{clip:rect(41px,9999px,12px,0)}to{clip:rect(66px,9999px,14px,0)}}@keyframes glitch-anim-2{0%{clip:rect(113px,9999px,63px,0)}5%{clip:rect(21px,9999px,25px,0)}10%{clip:rect(104px,9999px,147px,0)}15%{clip:rect(91px,9999px,35px,0)}20%{clip:rect(45px,9999px,115px,0)}25%{clip:rect(24px,9999px,60px,0)}30%{clip:rect(88px,9999px,81px,0)}35%{clip:rect(17px,9999px,120px,0)}40%{clip:rect(13px,9999px,132px,0)}45%{clip:rect(71px,9999px,43px,0)}50%{clip:rect(54px,9999px,21px,0)}55%{clip:rect(83px,9999px,74px,0)}60%{clip:rect(16px,9999px,12px,0)}65%{clip:rect(64px,9999px,40px,0)}70%{clip:rect(35px,9999px,12px,0)}75%{clip:rect(98px,9999px,107px,0)}80%{clip:rect(18px,9999px,53px,0)}85%{clip:rect(28px,9999px,83px,0)}90%{clip:rect(49px,9999px,116px,0)}95%{clip:rect(81px,9999px,32px,0)}to{clip:rect(36px,9999px,24px,0)}}