:root{--bg-dark: #050505;--bg-card: rgba(255, 255, 255, .03);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--accent-lime: #D9FF00;--border-light: rgba(255, 255, 255, .08);--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--container-width: 1400px;--spacing-section: 120px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden;cursor:none}a{text-decoration:none;color:inherit;cursor:none}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 2rem}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:999;opacity:.4}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-dark);z-index:10000;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease}.loader-logo{width:120px;height:auto;animation:pulse-logo 1.5s ease-in-out infinite}.nav-logo{height:32px;width:auto}@keyframes pulse-logo{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.cursor-dot,.cursor-circle{position:fixed;top:0;left:0;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;border-radius:50%}.cursor-dot{width:8px;height:8px;background:var(--accent-lime)}.cursor-circle{width:40px;height:40px;border:1px solid rgba(255,255,255,.3);transition:width .3s,height .3s,background-color .3s}body:hover .cursor-circle.hovered{width:80px;height:80px;background:#d9ff001a;border-color:var(--accent-lime);mix-blend-mode:difference}#webgl-canvas{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;opacity:.6}.nav{position:fixed;top:0;left:0;width:100%;padding:2rem 0;z-index:100;transition:transform .3s ease}.nav-container{max-width:var(--container-width);margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-heading);font-weight:700;font-size:1.5rem;letter-spacing:1px}.accent-dot{color:var(--accent-lime)}.nav-links{display:flex;gap:3rem}.nav-link{font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;position:relative;opacity:.7;transition:opacity .3s}.nav-link:hover{opacity:1;color:var(--accent-lime)}.menu-btn{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:6px}.menu-btn span{display:block;width:30px;height:2px;background:#fff}.hero{height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-container{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;width:100%}.hero-title{font-family:var(--font-heading);font-size:clamp(3rem,8vw,7rem);line-height:.9;font-weight:700;letter-spacing:-2px;display:flex;flex-direction:column;z-index:2}.reveal-text{display:block;opacity:0;transform:translateY(50px)}.reveal-text.indent{margin-left:2rem;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5);font-style:italic}.typewriter{position:relative;display:inline-block}.typewriter:after{content:"|";position:absolute;right:-10px;color:var(--accent-lime);animation:blink-cursor .8s infinite}.typewriter.finished:after{animation:blink-cursor 1s infinite 3;animation-fill-mode:forwards}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.hero-image-wrapper{position:relative;display:flex;justify-content:center}.profile-frame{width:350px;height:450px;position:relative;border-radius:200px;border:1px solid rgba(255,255,255,.1);opacity:0;transform:scale(.9) rotate(5deg);overflow:hidden;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(#fff,#000);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.profile-slides{width:100%;height:100%;position:relative;border-radius:inherit;overflow:hidden}.profile-img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .5s ease,opacity .8s ease;position:absolute;top:0;left:0;opacity:0;border-radius:inherit}.profile-img.active{opacity:1}.profile-frame:hover .profile-img{filter:grayscale(0%)}.status-badge{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:30px;font-size:.8rem;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);white-space:nowrap}.status-dot{width:8px;height:8px;background:var(--accent-lime);border-radius:50%;box-shadow:0 0 10px var(--accent-lime)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;font-size:.8rem;opacity:.5}.scroll-indicator .line{width:1px;height:60px;background:#ffffff4d}.section{padding:var(--spacing-section) 0}.section-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:4rem;border-bottom:1px solid var(--border-light);padding-bottom:2rem}.section-number{font-family:var(--font-heading);font-size:1.5rem;color:var(--accent-lime)}.section-title{font-family:var(--font-heading);font-size:3rem;font-weight:500}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.about-text .lead{font-size:1.5rem;line-height:1.4;margin-bottom:2rem}.highlight{color:var(--accent-lime)}.about-text .description{color:var(--text-secondary);margin-bottom:3rem;font-size:1.1rem}.stats-row{display:flex;gap:4rem}.stat-item{display:flex;flex-direction:column}.stat-num{font-family:var(--font-heading);font-size:3rem;font-weight:700;color:var(--accent-lime)}.stat-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase}.services-list{display:flex;flex-direction:column}.service-item{border-bottom:1px solid var(--border-light);padding:3rem 0;transition:background-color .3s}.service-item:hover{background:linear-gradient(90deg,rgba(217,255,0,.05) 0%,transparent 100%)}.service-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:1rem}.service-name{font-family:var(--font-heading);font-size:2rem;font-weight:400}.service-content p{color:var(--text-secondary);max-width:600px;margin-bottom:1rem}.service-tags{display:flex;gap:1rem}.service-tags li{font-size:.8rem;padding:4px 12px;border:1px solid var(--border-light);border-radius:20px;color:var(--text-secondary)}.toolkit{overflow:hidden;padding-bottom:8rem}.marquee-wrapper{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;margin-bottom:2rem;position:relative;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-content{display:flex;align-items:center;gap:3rem;animation:scroll 30s linear infinite;flex-shrink:0;min-width:100%;justify-content:space-around;padding-left:3rem}.marquee-wrapper.reverse .marquee-content{animation-direction:reverse}.marquee-content span{font-family:var(--font-heading);font-size:clamp(2rem,4vw,4rem);font-weight:700;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.2);white-space:nowrap;transition:color .3s,-webkit-text-stroke .3s}.marquee-wrapper:hover .marquee-content span{-webkit-text-stroke:1px var(--text-primary);color:#ffffff0d}.marquee-content .dot,.marquee-content .star{font-size:1rem;color:var(--accent-lime);-webkit-text-stroke:0;opacity:.5}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-100% - 3rem))}}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem}.project-card{position:relative;group:cursor-hover}.project-card.offset{margin-top:6rem}.project-image{width:100%;aspect-ratio:4/3;background:#111;border-radius:10px;overflow:hidden;position:relative;margin-bottom:1.5rem}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;filter:grayscale(20%)}.project-card:hover .project-image img{transform:scale(1.05);filter:grayscale(0%)}.project-info{padding:0 .5rem}.project-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.project-header h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:500}.project-category{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.tags span{font-size:.8rem;color:var(--accent-lime);margin-right:1rem}.view-all{text-align:center}.btn-outline{display:inline-flex;align-items:center;gap:10px;padding:1rem 2rem;border:1px solid rgba(255,255,255,.2);border-radius:50px;font-family:var(--font-heading);text-transform:uppercase;transition:all .3s}.btn-outline:hover{background:var(--text-primary);color:var(--bg-dark)}.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.big-text{font-family:var(--font-heading);font-size:clamp(3rem,6vw,5rem);line-height:.9;font-weight:700}.contact-form{display:flex;flex-direction:column;gap:2rem}.form-group label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border-light);padding:1rem 0;color:var(--text-primary);font-family:var(--font-body);font-size:1.1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-lime)}.btn-primary{background:var(--accent-lime);color:#000;border:none;padding:1.2rem 2.5rem;border-radius:5px;font-family:var(--font-heading);font-weight:600;font-size:1rem;margin-top:1rem;cursor:pointer;transition:transform .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #d9ff0033}.socials{margin-top:3rem;display:flex;gap:2rem}.socials a{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;transition:color .3s}.socials a:hover{color:var(--accent-lime)}.vibe-widget{position:fixed;bottom:2rem;left:2rem;background:#0a0a0ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:10px 15px;border-radius:50px;display:flex;align-items:center;gap:15px;z-index:9999;transition:all .3s ease;cursor:pointer;box-shadow:0 10px 30px #0000004d}.vibe-widget:hover{transform:scale(1.05) translateY(-2px);border-color:var(--accent-lime);box-shadow:0 15px 40px #d9ff001a}.vibe-icon{width:32px;height:32px;background:#111;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.vibe-widget.playing .vibe-icon{animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.equalizer span{width:2px;background:var(--accent-lime);transform:scaleY(.1);transition:transform .2s;border-radius:1px}.vibe-widget.playing .equalizer span{animation:equalizer 1s ease-in-out infinite}.vibe-widget.playing .equalizer span:nth-child(1){animation-delay:.1s;height:60%}.vibe-widget.playing .equalizer span:nth-child(2){animation-delay:.2s;height:100%}.vibe-widget.playing .equalizer span:nth-child(3){animation-delay:.3s;height:50%}.vibe-widget.playing .equalizer span:nth-child(4){animation-delay:.4s;height:80%}@keyframes equalizer{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.vibe-info{display:flex;flex-direction:column;width:130px;overflow:hidden}.vibe-label{font-size:.6rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:600}.track-text{font-size:.8rem;font-weight:500;color:var(--text-primary);animation:scroll-text 8s linear infinite}.vibe-widget:hover{transform:scale(1.05);border-color:var(--accent-lime)}.vibe-icon{width:30px;height:30px;background:#111;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.equalizer{display:flex;gap:2px;align-items:flex-end;height:12px}.equalizer span{width:2px;background:var(--accent-lime);animation:equalizer 1s ease-in-out infinite}.equalizer span:nth-child(1){animation-delay:.1s;height:60%}.equalizer span:nth-child(2){animation-delay:.2s;height:100%}.equalizer span:nth-child(3){animation-delay:.3s;height:50%}.equalizer span:nth-child(4){animation-delay:.4s;height:80%}@keyframes equalizer{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.vibe-info{display:flex;flex-direction:column;width:120px;overflow:hidden}.vibe-label{font-size:.6rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.vibe-track-marquee{display:flex;gap:10px;white-space:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.track-text{font-size:.75rem;font-weight:500;color:var(--text-primary);animation:scroll-text 8s linear infinite}@keyframes scroll-text{0%{transform:translate(0)}to{transform:translate(-100%)}}.footer{padding:4rem 0;border-top:1px solid var(--border-light)}.footer-content{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:.9rem}@media (max-width: 968px){.cursor-dot,.cursor-circle{display:none!important}body,a,button{cursor:auto!important}.hero-container{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-title{align-items:center;font-size:clamp(2.5rem,6vw,4rem)}.reveal-text.indent{margin-left:0}.profile-frame{width:250px;height:320px}.about-grid,.contact-wrapper,.projects-grid{grid-template-columns:1fr}.project-card.offset{margin-top:0}.stats-row{gap:2rem;flex-wrap:wrap;justify-content:center}.section{padding:60px 0}.nav-links{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#050505fa;flex-direction:column;justify-content:center;align-items:center;gap:2rem;z-index:999}.nav-links.active{display:flex}.nav-links .nav-link{font-size:1.5rem;opacity:1}.menu-btn{display:flex;z-index:1000;position:relative}.menu-btn.active span:first-child{transform:rotate(45deg) translateY(5px)}.menu-btn.active span:last-child{transform:rotate(-45deg) translateY(-5px)}.vibe-widget{bottom:1rem;left:1rem;padding:8px 12px}.vibe-info{width:100px}.big-text{font-size:clamp(2rem,5vw,3rem);text-align:center}}@media (max-width: 480px){.container{padding:0 1rem}.hero-title{font-size:clamp(2rem,8vw,3rem)}.section-title,.stat-num{font-size:2rem}.service-name{font-size:1.5rem}}