.cursor-circle,.cursor-dot{transform:translate(-50%,-50%)}.menu-link::before,h1.glitch::after,h1.glitch::before{content:attr(data-text);height:100%;position:absolute}:root{--bg-color:#050505;--text-color:#e0e0e0;--accent-cyan:#1793d1;--accent-purple:#9d00ff;--terminal-green:#2ecc71;--font-mono:'JetBrains Mono',monospace;--font-display:'Syncopate',sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);overflow-x:hidden;cursor:none}.top-nav{position:fixed;top:0;left:0;width:100%;padding:30px 40px;display:flex;justify-content:space-between;align-items:center;z-index:2000;pointer-events:none}.burger-menu,.music-control{pointer-events:auto;cursor:pointer}.music-control{display:flex;align-items:center;gap:5px;opacity:.7;transition:.3s}.music-control:hover{opacity:1}.music-control .bar{width:3px;height:15px;background:var(--accent-cyan);animation:none;transition:.2s}.music-control.playing .bar{animation:1s ease-in-out infinite equalizer}.music-control.playing .bar:first-child{animation-delay:.1s}.music-control.playing .bar:nth-child(2){animation-delay:.2s}.music-control.playing .bar:nth-child(3){animation-delay:.3s}.status-text{font-size:.7rem;margin-left:8px;color:#fff;letter-spacing:1px}@keyframes equalizer{0%,100%{height:5px}50%{height:20px;box-shadow:0 0 5px var(--accent-cyan)}}.burger-menu{width:40px;height:30px;position:relative;z-index:2002;mix-blend-mode:difference}.cursor-circle,.cursor-dot,.p-header{pointer-events:none}.line{position:absolute;width:100%;height:2px;background:#fff;transition:.4s cubic-bezier(.19, 1, .22, 1)}.line-1{top:30%;right:0}.line-2{top:70%;right:0;width:70%}#loader,.burger-menu:hover .line-2,.menu-link:hover::before,.menu-overlay{width:100%}.burger-menu.active .line-1{transform:rotate(45deg);top:50%}.burger-menu.active .line-2{transform:rotate(-45deg);top:50%;width:100%}.menu-overlay{position:fixed;top:0;left:0;height:100vh;background:rgba(5,5,5,.95);backdrop-filter:blur(10px);z-index:2001;display:flex;justify-content:center;align-items:center;clip-path:circle(0% at 100% 0%);transition:clip-path .8s cubic-bezier(.77, 0, .175, 1)}.menu-overlay.open{clip-path:circle(150% at 100% 0%)}.menu-links{display:flex;flex-direction:column;align-items:center;gap:2rem}.menu-link{font-family:var(--font-display);font-size:3rem;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,0.3);text-decoration:none;position:relative;transition:.3s;cursor:pointer}#loader,#webgl,.cursor-circle,.cursor-dot{position:fixed}.menu-link::before{top:0;left:0;width:0%;color:var(--accent-cyan);overflow:hidden;transition:.5s;border-right:4px solid var(--accent-cyan)}.menu-link:hover{-webkit-text-stroke:1px var(--accent-cyan)}.cursor-dot{width:6px;height:6px;background:#fff;border-radius:50%;z-index:9999}.cursor-circle{width:40px;height:40px;border:1px solid rgba(255,255,255,.3);border-radius:50%;z-index:9998;transition:width .2s,height .2s}.project-item,footer,h1.glitch,section{position:relative}#loader{height:100%;background:#000;z-index:10000;display:flex;justify-content:center;align-items:center}.terminal-window{width:min(600px,90%);height:400px;background:rgba(10,10,10,.9);border:1px solid #333;border-radius:6px;box-shadow:0 0 40px rgba(0,255,0,.1);display:flex;flex-direction:column}.terminal-header{background:#1a1a1a;padding:10px;display:flex;align-items:center;border-bottom:1px solid #333}.dot{width:10px;height:10px;border-radius:50%;margin-right:6px}.red{background:#f55}.yellow{background:#f1fa8c}.green{background:#50fa7b}.title{margin-left:auto;margin-right:auto;color:#666;font-size:.8rem}.terminal-body{padding:20px;color:var(--terminal-green);font-size:.85rem;overflow-y:auto;font-family:'JetBrains Mono',monospace;line-height:1.4}.section-title,h1.glitch{font-family:var(--font-display);text-transform:uppercase}#webgl{top:0;left:0;width:100%;height:100vh;z-index:-1}section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.section-title{font-size:2rem;margin-bottom:3rem;letter-spacing:2px;border-bottom:1px solid var(--accent-cyan);padding-bottom:10px}.hero-content{text-align:center;mix-blend-mode:difference;z-index:2}.overline{color:var(--accent-cyan);letter-spacing:4px;font-size:.8rem;margin-bottom:1rem}h1.glitch{font-size:clamp(3rem, 10vw, 7rem);font-weight:700;color:#fff;line-height:1}h1.glitch::after,h1.glitch::before{top:0;width:100%;background:var(--bg-color);clip-path:inset(0 0 0 0)}h1.glitch::before{left:2px;text-shadow:-1px 0 #ff00c1;animation:2s linear infinite alternate-reverse glitch-anim-1}h1.glitch::after{left:-2px;text-shadow:-1px 0 #00fff9;animation:3s linear infinite alternate-reverse glitch-anim-2}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80% 0)}20%{clip-path:inset(60% 0 10% 0)}100%{clip-path:inset(50% 0 20% 0)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60% 0)}20%{clip-path:inset(30% 0 10% 0)}100%{clip-path:inset(70% 0 10% 0)}}.subtitle{margin-top:1.5rem;color:#888;letter-spacing:1px}.accent{color:var(--accent-purple)}.skills-container{width:100%;max-width:1000px;display:flex;flex-wrap:wrap;justify-content:center;gap:40px}.skill-category{flex:1 1 300px;border-left:1px solid #333;padding-left:20px}.skill-category h3{color:var(--accent-cyan);margin-bottom:20px;font-size:1.2rem}.skills-grid{display:flex;flex-wrap:wrap;gap:10px}.skill-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);padding:10px 15px;font-size:.9rem;transition:.3s;cursor:default}.skill-card:hover{background:rgba(23,147,209,.1);border-color:var(--accent-cyan);transform:translateY(-3px);box-shadow:0 5px 15px rgba(23,147,209,.2)}.project-list{display:flex;flex-wrap:wrap;justify-content:center;gap:40px}.project-item{background:rgba(0,0,0,.5);border:1px solid #333;padding:30px;width:320px;backdrop-filter:blur(5px);transition:.4s}.project-item:hover{border-color:#fff}.p-header{font-size:3rem;color:#222;font-weight:700;position:absolute;top:10px;right:20px}.btn-liquid{display:inline-block;margin-top:20px;padding:12px 24px;border:1px solid var(--accent-cyan);color:var(--accent-cyan);text-decoration:none;font-size:.8rem;letter-spacing:2px;transition:.3s}.btn-liquid:hover{background:var(--accent-cyan);color:#000;box-shadow:0 0 15px var(--accent-cyan)}footer{padding:60px 20px;background:#020202;border-top:1px solid #111;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:10}.sys-info{display:flex;align-items:center;justify-content:center;color:#444;font-size:.75rem;margin-bottom:20px}.status-dot{width:8px;height:8px;background:#2ecc71;border-radius:50%;margin-right:10px;box-shadow:0 0 5px #2ecc71}.social-links{display:flex;justify-content:center;gap:25px;margin-top:10px}.social-icon svg{width:24px;height:24px;color:#666;transition:.3s}.social-icon:hover svg{color:var(--accent-cyan);transform:translateY(-5px);filter:drop-shadow(0 0 8px var(--accent-cyan))}