:root{--bg-dark:#07090f;--surface-dark:#ffffff08;--surface-border:#ffffff14;--surface-hover:#ffffff0f;--accent-primary:#00f0ff;--accent-secondary:#7000ff;--text-main:#fff;--text-muted:#94a3b8;--container-width:1200px;--nav-height:80px;--font-main:"Outfit", sans-serif;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-main);cursor:none;line-height:1.6;overflow-x:hidden}.cursor{border:2px solid var(--accent-primary);pointer-events:none;z-index:9999;mix-blend-mode:exclusion;border-radius:50%;width:20px;height:20px;transition:width .3s,height .3s,background-color .3s;position:fixed;transform:translate(-50%,-50%)}.cursor.active{background-color:#00f0ff33;width:50px;height:50px}#preloader{background-color:var(--bg-dark);z-index:10000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.preloader-content{text-align:center}.preloader-title{letter-spacing:2px;margin-bottom:24px;font-size:3rem}.preloader-bar{background:#ffffff1a;border-radius:2px;width:200px;height:2px;margin:0 auto;position:relative;overflow:hidden}.preloader-progress{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));width:0%;height:100%;position:absolute;top:0;left:0}.gradient-text{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}h1,h2,h3,h4{font-weight:800;line-height:1.2}.container{max-width:var(--container-width);margin:0 auto;padding:0 5%}.glass-panel{background:var(--surface-dark);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);border-radius:24px}.btn-primary{color:var(--text-main);border:1px solid var(--surface-border);transition:var(--transition-smooth);z-index:1;background:0 0;border-radius:30px;padding:14px 28px;font-weight:600;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));z-index:-1;width:100%;height:100%;transition:opacity var(--transition-smooth);opacity:0;position:absolute;top:0;left:0}.btn-primary:hover{border-color:#0000;transform:translateY(-2px);box-shadow:0 10px 20px #7000ff4d}.btn-primary:hover:before{opacity:1}.navbar{width:100%;height:var(--nav-height);z-index:100;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--surface-border);background:#07090fcc}.nav-container{max-width:var(--container-width);justify-content:space-between;align-items:center;height:100%;margin:0 auto;padding:0 5%;display:flex}.preloader-holo{justify-content:center;align-items:center;width:500px;height:500px;display:flex;position:relative}.pl-ring{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pl-ring-1{border:1px solid #00f0ff40;width:220px;height:220px;animation:20s linear infinite plSpin}.pl-ring-1:before{content:"";background:#00f0fff2;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:40%;box-shadow:0 0 12px 4px #00f0ff99}.pl-ring-2{border:1px dashed #7000ff4d;width:320px;height:320px;animation:30s linear infinite reverse plSpin}.pl-ring-2:before{content:"";background:#7000ffe6;border-radius:50%;width:7px;height:7px;position:absolute;top:48%;right:-4px;box-shadow:0 0 10px 4px #7000ff99}.pl-ring-3{border:1px solid #00f0ff1f;width:420px;height:420px;animation:45s linear infinite plSpin}.pl-ring-3:before{content:"";background:#00f0ffb3;border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;right:30%;box-shadow:0 0 8px 3px #00f0ff66}.pl-ring-4{border:1px solid #7000ff14;width:500px;height:500px;animation:60s linear infinite reverse plSpin}@keyframes plSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.pl-center{z-index:2;background:radial-gradient(circle,#07090ff2 0%,#07090fd9 60%,#00f0ff0a 100%);border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;animation:4s ease-in-out infinite plCoreBreath;display:flex;position:absolute;box-shadow:0 0 40px #00f0ff14,inset 0 0 30px #00000080}@keyframes plCoreBreath{0%,to{box-shadow:0 0 30px #00f0ff0f,inset 0 0 30px #00000080}50%{box-shadow:0 0 60px #00f0ff24,inset 0 0 30px #00000080}}.pl-logo{object-fit:contain;filter:invert()brightness(2)saturate(.8);mix-blend-mode:screen;opacity:.9;border-radius:50%;width:90px;height:90px;animation:4s ease-in-out infinite plLogoBreath}@keyframes plLogoBreath{0%,to{opacity:.6;filter:brightness(2.5)saturate(.5)}50%{opacity:.85;filter:brightness(4)saturate(.8)}}.logo{align-items:center;display:flex}.logo-link{color:var(--text-main);letter-spacing:-.5px;align-items:center;font-size:1.6rem;font-weight:800;text-decoration:none;transition:opacity .2s;display:flex}.logo-link:hover{opacity:.8}.logo-text{position:relative}.footer-brand{align-items:center;gap:16px;margin-bottom:20px;display:flex}.footer-logo-img{object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 10px #00f0ff80);border-radius:14px;width:56px;height:56px;transition:filter .4s,transform .4s}.footer-logo-img:hover{filter:drop-shadow(0 0 22px #00f0ffe6)drop-shadow(0 0 40px #7000ff99);transform:scale(1.1)rotate(-5deg)}.footer-brand-text{font-size:2.5rem}.mobile-nav-logo{color:var(--text-main);align-items:center;gap:12px;font-size:1.4rem;font-weight:800;transition:opacity .4s .1s;display:flex;position:absolute;top:36px;left:50%;transform:translate(-50%)}.mobile-logo-img{object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 8px #00f0ff99);border-radius:10px;width:40px;height:40px}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links a{color:var(--text-main);transition:color var(--transition-fast);font-size:1rem;font-weight:400;text-decoration:none;position:relative}.nav-links a:not(.btn-primary):after{content:"";background:var(--accent-primary);width:0%;height:2px;transition:width var(--transition-smooth);position:absolute;bottom:-4px;left:0}.nav-links a:not(.btn-primary):hover{color:var(--accent-primary)}.nav-links a:not(.btn-primary):hover:after{width:100%}.mobile-menu-btn{display:none}.hero{align-items:center;height:100vh;padding:0 5%;display:flex;position:relative;overflow:hidden}.hero-bg-gradients{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.glow-orb{filter:blur(100px);opacity:.5;border-radius:50%;animation:20s ease-in-out infinite alternate orbFloat;position:absolute}.orb-1{background:var(--accent-secondary);width:400px;height:400px;top:-100px;right:-100px}.orb-2{background:var(--accent-primary);width:300px;height:300px;animation-delay:-5s;bottom:-100px;left:10%}.section-bg-gradients{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-holo-logo{z-index:1;pointer-events:none;justify-content:center;align-items:center;width:500px;height:500px;display:flex;position:absolute;top:50%;right:6%;transform:translateY(-50%)}.holo-ring{pointer-events:none;border:1px solid #0000;border-radius:50%;position:absolute}.holo-ring-outer{border-color:#00f0ff2e;width:480px;height:480px;animation:40s linear infinite holoRingSpin;box-shadow:0 0 30px #00f0ff14,inset 0 0 30px #00f0ff0f}.holo-ring-outer:before{content:"";background:#00f0ffe6;border-radius:50%;width:14px;height:14px;position:absolute;top:-3px;left:20%;box-shadow:0 0 20px 6px #00f0ff80}.holo-ring-mid{border-color:#7000ff33;width:360px;height:360px;animation:28s linear infinite reverse holoRingSpin;box-shadow:0 0 40px #7000ff1a,inset 0 0 40px #7000ff0f}.holo-ring-mid:before{content:"";background:#7000ffe6;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-3px;right:15%;box-shadow:0 0 15px 4px #7000ff99}.holo-ring-inner{border-style:dashed;border-color:#00f0ff24;width:260px;height:260px;animation:18s linear infinite holoRingSpin;box-shadow:0 0 20px #00f0ff12,inset 0 0 20px #00f0ff0a}@keyframes holoRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.holo-core-glow{pointer-events:none;background:radial-gradient(circle,#00f0ff1f 0%,#7000ff17 40%,#0000 70%);border-radius:50%;width:200px;height:200px;animation:5s ease-in-out infinite holoCoreBreath;position:absolute}@keyframes holoCoreBreath{0%,to{opacity:.8;transform:scale(1);box-shadow:0 0 80px #00f0ff1f,0 0 160px #7000ff14}50%{opacity:1;transform:scale(1.12);box-shadow:0 0 140px #00f0ff40,0 0 280px #7000ff26}}.holo-logo-img{object-fit:contain;z-index:2;filter:invert()brightness(2.5)saturate();mix-blend-mode:screen;opacity:.25;border-radius:50%;width:180px;height:180px;animation:4s ease-in-out infinite holoLogoBreath;position:relative}@keyframes holoLogoBreath{0%,to{opacity:.16;filter:brightness(5.5)saturate(.6);transform:scale(1)}50%{opacity:.24;filter:brightness(7)saturate(.9);transform:scale(1.04)}}.footer-holo-logo{z-index:0;pointer-events:none;justify-content:center;align-items:center;width:340px;height:340px;display:flex;position:absolute;top:50%;right:3%;transform:translateY(-50%)}.fholo-ring{pointer-events:none;border-radius:50%;position:absolute}.fholo-ring-outer{border:1px solid #00f0ff26;width:320px;height:320px;animation:45s linear infinite fholoSpin;box-shadow:0 0 24px #00f0ff12,inset 0 0 24px #00f0ff0a}.fholo-ring-outer:before{content:"";background:#00f0ffe6;border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;right:18%;box-shadow:0 0 18px 5px #00f0ff80}.fholo-ring-outer:after{content:"";background:#00f0ff99;border-radius:50%;width:6px;height:6px;position:absolute;bottom:-3px;left:25%;box-shadow:0 0 10px 3px #00f0ff59}.fholo-ring-mid{border:1px dashed #7000ff2e;width:230px;height:230px;animation:30s linear infinite reverse fholoSpin;box-shadow:0 0 30px #7000ff17,inset 0 0 30px #7000ff0d}.fholo-ring-mid:before{content:"";background:#7000ffd9;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-3px;left:12%;box-shadow:0 0 14px 4px #7000ff8c}@keyframes fholoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fholo-core-glow{pointer-events:none;background:radial-gradient(circle,#00f0ff1a 0%,#7000ff14 45%,#0000 70%);border-radius:50%;width:150px;height:150px;animation:5s ease-in-out infinite fholoCoreBreath;position:absolute}@keyframes fholoCoreBreath{0%,to{opacity:.7;transform:scale(1);box-shadow:0 0 50px #00f0ff1a,0 0 90px #7000ff12}50%{opacity:1;transform:scale(1.15);box-shadow:0 0 100px #00f0ff33,0 0 180px #7000ff24}}.fholo-logo-img{object-fit:contain;filter:invert()brightness(2)saturate(.8);mix-blend-mode:screen;opacity:.25;border-radius:50%;width:50px;height:50px;animation:4s ease-in-out infinite footerLogoPulse}@keyframes fholoLogoBreath{0%,to{opacity:.18;filter:brightness(5.5)saturate(.6);transform:scale(1)}50%{opacity:.28;filter:brightness(7.5)saturate(.9);transform:scale(1.05)}}.logo-card-bg{position:relative;overflow:hidden}.orb-3{background:var(--accent-secondary);opacity:.15;width:400px;height:400px;animation-delay:-2s;top:20%;right:-100px}.orb-4{background:var(--accent-primary);opacity:.15;width:500px;height:500px;animation-delay:-7s;bottom:-100px;left:-200px}@keyframes orbFloat{0%{transform:translate(0)scale(1)}to{transform:translate(50px,100px)scale(1.2)}}.hero-container{max-width:var(--container-width);z-index:10;justify-content:space-between;align-items:center;gap:60px;width:100%;margin:0 auto;display:flex;position:relative}.hero-content{flex:1;max-width:600px}.hero-visual{perspective:1000px;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.code-editor{z-index:2;background:#0a0f1eb3;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:480px;transition:transform .5s;overflow:hidden;transform:rotateY(-15deg)rotateX(10deg);box-shadow:0 30px 60px #00000080,0 0 40px #7000ff33}.code-editor:hover{transform:rotateY(0)rotateX(0)}.editor-header{background:#ffffff0d;border-bottom:1px solid #ffffff0d;gap:8px;padding:12px 16px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.editor-content{color:#fff;padding:24px;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5}.code-keyword{color:#c678dd}.code-variable{color:#e06c75}.code-operator{color:#56b6c2}.code-class{color:#e5c07b}.code-method{color:#61afef}.code-property{color:#d19a66}.code-string{color:#98c379}.code-boolean{color:#d19a66}.floating-badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:3;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;align-items:center;gap:12px;padding:16px 24px;font-weight:600;animation:6s ease-in-out infinite floatBadge;display:flex;position:absolute;box-shadow:0 10px 30px #0000004d}.floating-badge svg{color:var(--accent-primary)}.badge-1{animation-delay:0s;top:-20px;right:-20px}.badge-2{animation-delay:3s;bottom:-30px;left:-20px}@keyframes floatBadge{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.hero-title{margin-bottom:24px;font-size:clamp(3rem,8vw,6rem);line-height:1.1}.hero-title .reveal-text{display:inline-block;overflow:hidden}.hero-subtitle{color:var(--text-muted);max-width:600px;margin-bottom:40px;font-size:clamp(1.1rem,2vw,1.5rem)}.scroll-indicator{z-index:10;opacity:.6;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-indicator span{letter-spacing:2px;text-transform:uppercase;font-size:.8rem}.scroll-indicator .line{background:#fff3;width:2px;height:40px;position:relative;overflow:hidden}.scroll-indicator .line:after{content:"";background:var(--accent-primary);width:100%;height:50%;animation:2s cubic-bezier(.65,0,.35,1) infinite scrollLine;position:absolute;top:0;left:0}@keyframes scrollLine{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}.services{padding:80px 0;position:relative}.section-title{text-align:center;margin-bottom:80px}.section-title h2{margin-bottom:16px;font-size:clamp(2.5rem,5vw,4rem)}.section-title p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.2rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.service-card{cursor:pointer;border:1px solid var(--surface-border);border-radius:24px;padding:40px 32px;position:relative;overflow:hidden}.service-card:before{content:"";opacity:0;background:radial-gradient(circle at 100% 0,#00f0ff1a,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.icon-wrapper{width:60px;height:60px;color:var(--accent-primary);background:#7000ff1a;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.service-card h3{margin-bottom:16px;font-size:1.5rem}.service-card p{color:var(--text-muted)}.section-divider{justify-content:center;width:100%;padding:20px 0;display:flex}.divider-line{background:linear-gradient(90deg,#0000,#00f0ff4d,#7000ff4d,#0000);width:80%;height:1px}.portfolio{padding:80px 0;position:relative}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;display:grid}.portfolio-card{cursor:pointer;border:1px solid var(--surface-border);border-radius:24px;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.port-img-placeholder{width:100%;height:200px;color:var(--accent-primary);border:1px dashed var(--surface-border);background:linear-gradient(135deg,#00f0ff1a,#7000ff1a);border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;font-weight:600;display:flex}.port-info h4{margin-bottom:12px;font-size:1.4rem}.port-info p{color:var(--text-muted)}.tech-banner{background:#000c;border-top:1px solid #00f0ff33;border-bottom:1px solid #7000ff33;padding:60px 0;position:relative;overflow:hidden}.perspective-banner{perspective:1200px}.tech-track-container{transform-style:preserve-3d;white-space:nowrap;display:flex;transform:rotateY(-10deg)rotateX(5deg)scale(1.1)}.tech-track{animation:20s linear infinite scrollTech;display:inline-block}.tech-track span{color:#0000;-webkit-text-stroke:1.5px #ffffff26;cursor:default;margin:0 40px;font-size:3.5rem;font-weight:800;transition:all .3s}.tech-track span:hover{color:var(--accent-primary);-webkit-text-stroke:0;text-shadow:0 0 20px var(--accent-primary);transform:scale(1.1)translateZ(20px)}@keyframes scrollTech{0%{transform:translate(0)}to{transform:translate(-50%)}}.footer{padding:80px 0 40px;position:relative;overflow:hidden}.footer-glow-line{background:linear-gradient(90deg,#00f0ff,#7000ff,#00f0ff) 0 0/200%;width:100%;height:3px;animation:3s linear infinite gradientMove;position:absolute;top:0;left:0}@keyframes gradientMove{0%{background-position:0%}to{background-position:200%}}.footer-content{flex-wrap:wrap;gap:60px;padding:60px;display:flex}.footer-info{flex:1;min-width:300px}.footer-brand{margin-bottom:20px;font-size:2.5rem}.brand-desc{color:var(--text-muted);max-width:400px;margin-bottom:40px}.footer-contact{flex:1;min-width:300px}.footer-contact h3{margin-bottom:24px;font-size:1.5rem}.contact-list{list-style:none}.contact-list li{color:var(--text-muted);align-items:flex-start;gap:16px;margin-bottom:20px;font-size:1.1rem;display:flex}.contact-icon{color:var(--accent-primary);flex-shrink:0;margin-top:4px}.address-li span{line-height:1.8}.footer-bottom-info{border-top:1px solid var(--surface-border);color:var(--text-muted);padding-top:20px;font-size:.9rem}.mobile-nav-overlay{-webkit-backdrop-filter:blur(20px);z-index:99;opacity:0;pointer-events:none;background:#0a0f1ef5;justify-content:center;align-items:center;width:100%;height:100vh;transition:opacity .4s;display:flex;position:fixed;top:0;left:0}.mobile-nav-overlay.active{opacity:1;pointer-events:all}.mobile-nav-links{text-align:center;flex-direction:column;gap:32px;list-style:none;display:flex}.mobile-nav-links a{color:var(--text-main);font-size:2rem;font-weight:600;text-decoration:none}@media (width<=768px){.nav-links{display:none}.mobile-menu-btn{cursor:pointer;z-index:100;width:30px;height:20px;display:block;position:relative}.mobile-menu-btn .bar{background:var(--text-main);width:100%;height:2px;transition:all .3s;position:absolute;left:0}.mobile-menu-btn .bar:first-child{top:0}.mobile-menu-btn .bar:nth-child(2){bottom:0}.mobile-menu-btn.active .bar:first-child{top:50%;transform:translateY(-50%)rotate(45deg)}.mobile-menu-btn.active .bar:nth-child(2){bottom:50%;transform:translateY(50%)rotate(-45deg)}.hero{flex-direction:column;justify-content:flex-start;align-items:center;height:auto;min-height:100vh;padding-top:90px;padding-bottom:80px;display:flex}.hero-container{text-align:center;flex-direction:column;align-items:center;gap:40px;width:100%;margin-top:0}.hero-holo-logo{opacity:.15;z-index:1;pointer-events:none;position:absolute;top:380px;left:50%;right:auto;transform:translate(-50%,-50%)scale(.6)}.hero-content{z-index:10;flex-direction:column;align-items:center;width:100%;max-width:100%;display:flex}.hero-title{text-align:center;width:100%;margin-bottom:24px;font-size:clamp(2.4rem,12vw,3.8rem)}.hero-subtitle{text-align:center;max-width:90%;margin:0 auto 32px;font-size:1.05rem;line-height:1.5}.hero-visual{z-index:10;justify-content:center;align-items:center;width:100%;margin-top:10px;display:flex;transform:none}.code-editor{max-width:100%;margin:0 auto;transform:scale(.85)rotateY(-5deg)rotateX(5deg)}.floating-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 18px;font-size:.8rem}.badge-1{top:-20px;right:-10px}.badge-2{bottom:-30px;left:-10px}.scroll-indicator{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:50px;margin-bottom:20px;display:flex;position:relative;bottom:0;left:0;transform:none}.mobile-nav-overlay.active{z-index:999}.mobile-nav-overlay.active~.navbar .logo{opacity:0;pointer-events:none}.services,.portfolio{padding:80px 0}.section-title h2{font-size:2.4rem}.tech-track span{font-size:2.8rem}.footer-content{gap:40px;padding:40px 20px}.footer-info,.footer-contact{text-align:center;min-width:100%}.contact-list li{justify-content:center}.cursor{display:none}}