:root{--bg-primary:#030712;--bg-secondary:#0b0f19;--bg-tertiary:#111827;--color-cyan:#00f2fe;--color-purple:#a01cff;--color-pink:#d946ef;--color-green:#00ff87;--color-blue:#3b82f6;--color-white:#fff;--color-text-gray:#9ca3af;--color-text-dim:#6b7280;--font-title:"Orbitron",sans-serif;--font-body:"Inter",sans-serif;--font-accent:"Outfit",sans-serif;--font-code:"Fira Code",monospace;--glow-cyan:0 0 15px #00f2fe80,0 0 30px #00f2fe33;--glow-purple:0 0 15px #a01cff80,0 0 30px #a01cff33;--glow-pink:0 0 15px #d946ef80,0 0 30px #d946ef33;--glow-green:0 0 15px #00ff8780,0 0 30px #00ff8733}*{box-sizing:border-box;margin:0;padding:0;scrollbar-color:#00f2fe4d #030712f2;scrollbar-width:thin}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#030712;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#00f2fe33;border:1px solid #00f2fe1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00f2fe80;box-shadow:0 0 15px #00f2fe80,0 0 30px #00f2fe33;box-shadow:var(--glow-cyan)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#030712;background-color:var(--bg-primary);color:#fff;color:var(--color-white);font-family:Inter,sans-serif;font-family:var(--font-body);overflow-x:hidden}#canvas-container{z-index:0}#canvas-container,.scanlines{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw}.scanlines{background:linear-gradient(#12101000 50%,#00000040 0);background-size:100% 4px;opacity:.4;z-index:10}.ambient-light{background:radial-gradient(circle at 10% 20%,#00f2fe0d 0,#0000 40%),radial-gradient(circle at 90% 80%,#a01cff0d 0,#0000 40%);height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:1}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif;font-family:var(--font-title);letter-spacing:.05em;text-transform:uppercase}p{color:#9ca3af;color:var(--color-text-gray);font-family:Inter,sans-serif;font-family:var(--font-body);line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;width:100%;z-index:5}.section{display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:8rem 0;position:relative}.navbar{border-bottom:1px solid #00f2fe26;left:0;min-height:65px;padding:0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:100}.navbar:after{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000;content:"";inset:0;position:absolute;z-index:0}.navbar-banner-bg{background-position:10% 46%;background-repeat:no-repeat;background-size:450px auto;inset:0;opacity:1;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:1}.navbar.scrolled .navbar-banner-bg{opacity:1}@media (max-width:768px){.navbar-banner-bg{background-size:280px auto}}.navbar.scrolled{border-bottom:1px solid #00f2fe40;box-shadow:0 4px 30px #0009}.navbar.scrolled:after{background:rgba(0,0,0,.998)}.navbar-container{flex-wrap:nowrap;gap:1rem;justify-content:flex-end;min-height:50px;padding-bottom:.4rem;padding-top:.4rem;position:relative;z-index:2}.logo-link,.navbar-container{align-items:center;display:flex}.logo-link{color:#fff;color:var(--color-white);flex-shrink:0;font-family:Orbitron,sans-serif;font-family:var(--font-title);font-size:1.25rem;font-weight:900;gap:.65rem;letter-spacing:.1em;text-decoration:none;transition:text-shadow .3s ease;white-space:nowrap}.logo-link:hover{text-shadow:0 0 15px #00f2fe80,0 0 30px #00f2fe33;text-shadow:var(--glow-cyan)}.logo-dot{animation:pulse 2s infinite alternate;color:#00f2fe;color:var(--color-cyan)}.nav-menu{align-items:center;display:flex;flex-wrap:nowrap;gap:1.75rem;list-style:none}.nav-link{color:#9ca3af;color:var(--color-text-gray);font-family:Outfit,sans-serif;font-family:var(--font-accent);font-size:.9rem;font-weight:600;letter-spacing:.05em;padding:.5rem 0;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.nav-link.active,.nav-link:hover{color:#fff;color:var(--color-white);text-shadow:0 0 15px #00f2fe80,0 0 30px #00f2fe33;text-shadow:var(--glow-cyan)}.nav-link:after{background:linear-gradient(90deg,#00f2fe,#a01cff);background:linear-gradient(90deg,var(--color-cyan),var(--color-purple));bottom:0;box-shadow:0 0 15px #00f2fe80,0 0 30px #00f2fe33;box-shadow:var(--glow-cyan);content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-btn{background:#0000;border:1px solid #00f2fe;border:1px solid var(--color-cyan);border-radius:4px;box-shadow:0 0 10px #00f2fe1a;color:#00f2fe;color:var(--color-cyan);cursor:pointer;font-family:Outfit,sans-serif;font-family:var(--font-accent);font-weight:600;letter-spacing:.05em;padding:.6rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.nav-btn:hover{background:#00f2fe;background:var(--color-cyan);box-shadow:0 0 15px #00f2fe80,0 0 30px #00f2fe33;box-shadow:var(--glow-cyan);color:#030712;color:var(--bg-primary)}.nav-toggle{background:#0000;border:none;color:#fff;color:var(--color-white);cursor:pointer;display:none;flex-shrink:0;font-size:1.5rem;margin-left:auto;z-index:10}.mobile-menu{animation:slideInRight .28s cubic-bezier(.165,.84,.44,1) forwards;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);background:#060916f5;border-bottom:1px solid #00f2fe1a;border-bottom-left-radius:14px;border-left:1px solid #00f2fe26;box-shadow:-8px 8px 40px #0009,-2px 0 20px #00f2fe0a;gap:0;height:auto;left:auto!important;max-height:50vh;max-width:240px;overflow-x:hidden;overflow-y:auto;padding:1rem 0;position:fixed;right:0!important;top:65px;width:50vw;z-index:9999}.mobile-menu a{align-items:center;border-bottom:none;color:#9ca3af;display:flex;font-family:Outfit,sans-serif;font-size:.85rem;gap:.5rem;letter-spacing:.08em;padding:.85rem 1.75rem;position:relative;transition:all .2s ease}.mobile-menu a:before{background:#00f2fe;background:var(--color-cyan);border-radius:2px;box-shadow:0 0 15px #00f2fe80,0 0 30px #00f2fe33;box-shadow:var(--glow-cyan);content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .2s ease;width:2px}.mobile-menu a:hover{background:#00f2fe0d;color:#00f2fe;padding-left:2.1rem}.mobile-menu a:hover:before{height:60%}.mobile-menu .menu-divider{background:#ffffff0f;height:1px;margin:.75rem 1.5rem}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.glass-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.165,.84,.44,1)}.glass-card:before{background:linear-gradient(135deg,#ffffff0d,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:opacity .5s ease;width:100%}.glass-card:hover{border-color:#00f2fe33;box-shadow:0 10px 30px #00000080,0 0 20px #00f2fe0d;transform:translateY(-5px)}.glass-card.purple-glow:hover{border-color:#a01cff40;box-shadow:0 10px 30px #00000080,0 0 20px #a01cff0d}.glass-card.green-glow:hover{border-color:#00ff8740;box-shadow:0 10px 30px #00000080,0 0 20px #00ff870d}.home-content{max-width:800px}.home-tag{align-items:center;background:#00f2fe0d;border:1px solid #00f2fe33;border-radius:50px;box-shadow:0 0 10px #00f2fe0d;color:#00f2fe;color:var(--color-cyan);display:inline-flex;font-family:Outfit,sans-serif;font-family:var(--font-accent);font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:.1em;margin-bottom:2rem;padding:.5rem 1rem;text-transform:uppercase}.home-tag-dot{animation:pulse 1s infinite alternate;background:#00f2fe;background:var(--color-cyan);border-radius:50%;box-shadow:0 0 15px #00f2fe80,0 0 30px #00f2fe33;box-shadow:var(--glow-cyan);height:6px;width:6px}.home-title{background:linear-gradient(135deg,#fff 30%,#fff9 70%,#00f2fe);background:linear-gradient(135deg,var(--color-white) 30%,#fff9 70%,var(--color-cyan) 100%);-webkit-background-clip:text;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem}.home-title,.home-title span{-webkit-text-fill-color:#0000}.home-title span{background:linear-gradient(90deg,#00f2fe,#a01cff);background:linear-gradient(90deg,var(--color-cyan),var(--color-purple));-webkit-background-clip:text;display:block;text-shadow:none}.home-desc{color:#9ca3af;color:var(--color-text-gray);font-size:1.1rem;margin-bottom:3rem;max-width:600px}.home-cta{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:flex-start}.btn{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;font-family:Outfit,sans-serif;font-family:var(--font-accent);font-size:.9rem;font-weight:700;gap:.75rem;letter-spacing:.05em;padding:.85rem 2rem;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.165,.84,.44,1)}.btn-primary{background:linear-gradient(135deg,#00f2fe,#3b82f6);background:linear-gradient(135deg,var(--color-cyan),var(--color-blue));border:none;box-shadow:0 0 15px #00f2fe80,0 0 30px #00f2fe33;box-shadow:var(--glow-cyan);color:#030712;color:var(--bg-primary)}.btn-primary:hover{box-shadow:0 0 25px #00f2fe99,0 0 5px #00f2fe66;transform:translateY(-2px)}.btn-secondary{background:#ffffff08;border:1px solid #ffffff1a;color:#fff;color:var(--color-white)}.btn-secondary:hover{background:#ffffff14;border-color:#a01cff;border-color:var(--color-purple);box-shadow:0 0 15px #a01cff80,0 0 30px #a01cff33;box-shadow:var(--glow-purple);transform:translateY(-2px)}.section-header{margin-bottom:4rem;max-width:700px}.section-tag{color:#00f2fe;color:var(--color-cyan);display:block;font-family:Outfit,sans-serif;font-family:var(--font-accent);font-size:.85rem;font-weight:600;letter-spacing:.15em;margin-bottom:.75rem;text-transform:uppercase}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.section-title span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00f2fe,#a01cff);background:linear-gradient(90deg,var(--color-cyan),var(--color-purple));-webkit-background-clip:text}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.service-card{display:flex;flex-direction:column;height:100%;justify-content:space-between}.service-icon-wrapper{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;display:flex;height:50px;justify-content:center;margin-bottom:1.5rem;position:relative;width:50px}.service-card:hover .service-icon-wrapper{border-color:#00f2fe;border-color:var(--color-cyan);box-shadow:0 0 15px #00f2fe33;color:#00f2fe;color:var(--color-cyan)}.service-card.purple:hover .service-icon-wrapper{border-color:#d946ef;border-color:var(--color-pink);box-shadow:0 0 15px #d946ef33;color:#d946ef;color:var(--color-pink)}.service-card.green:hover .service-icon-wrapper{border-color:#00ff87;border-color:var(--color-green);box-shadow:0 0 15px #00ff8733;color:#00ff87;color:var(--color-green)}.service-card-title{color:#fff;color:var(--color-white);font-size:1.3rem;font-weight:700;margin-bottom:1rem;transition:color .3s}.service-card:hover .service-card-title{color:#00f2fe;color:var(--color-cyan)}.service-card.purple:hover .service-card-title{color:#d946ef;color:var(--color-pink)}.service-card.green:hover .service-card-title{color:#00ff87;color:var(--color-green)}.service-desc{flex-grow:1;font-size:.95rem;margin-bottom:1.5rem}.service-learn-more{align-items:center;color:#fff;color:var(--color-white);cursor:pointer;display:inline-flex;font-family:Outfit,sans-serif;font-family:var(--font-accent);font-size:.85rem;font-weight:600;gap:.5rem;text-decoration:none;text-transform:uppercase;transition:all .3s}.service-card:hover .service-learn-more{color:#00f2fe;color:var(--color-cyan);gap:.75rem}.service-card.purple:hover .service-learn-more{color:#d946ef;color:var(--color-pink)}.service-card.green:hover .service-learn-more{color:#00ff87;color:var(--color-green)}.showcase-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.showcase-container{gap:2rem;grid-template-columns:1fr}}.showcase-tabs{display:flex;flex-direction:column;gap:1rem}.showcase-tab{align-items:center;background:#ffffff03;border:1px solid #ffffff0d;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;text-align:left;transition:all .3s ease}.showcase-tab.active{background:#00f2fe0a;border-color:#00f2fe;border-color:var(--color-cyan);box-shadow:0 0 15px #00f2fe0d}.showcase-tab.active.tab-purple{background:#a01cff0a;border-color:#a01cff;border-color:var(--color-purple)}.showcase-tab.active.tab-green{background:#00ff870a;border-color:#00ff87;border-color:var(--color-green)}.showcase-tab-number{color:#fff;color:var(--color-white);font-family:Orbitron,sans-serif;font-family:var(--font-title);font-size:1.2rem;font-weight:700}.showcase-tab.active .showcase-tab-number{color:#00f2fe;color:var(--color-cyan)}.showcase-tab.active.tab-purple .showcase-tab-number{color:#a01cff;color:var(--color-purple)}.showcase-tab.active.tab-green .showcase-tab-number{color:#00ff87;color:var(--color-green)}.showcase-tab-title{color:#fff;color:var(--color-white);font-family:Orbitron,sans-serif;font-family:var(--font-title);font-size:1.1rem;font-weight:700;margin-bottom:.25rem;text-transform:uppercase}.showcase-tab-desc{color:#fff;color:var(--color-white);font-size:.85rem;margin:0}.showcase-preview-panel{height:400px;perspective:1000px;position:relative}.showcase-3d-scene{height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.165,.84,.44,1);width:100%}.cube-wireframe{animation:rotateCube 15s linear infinite;border:1px solid #00f2fe4d;box-shadow:0 0 30px #00f2fe0d;left:50%;margin-left:-125px;margin-top:-125px;top:50%;transform-style:preserve-3d}.cube-face,.cube-wireframe{height:250px;position:absolute;width:250px}.cube-face{align-items:center;background:#03071266;border:1px solid #00f2fe26;color:#00f2fe;color:var(--color-cyan);display:flex;font-family:Fira Code,monospace;font-family:var(--font-code);font-size:.8rem;justify-content:center}.cube-face.front{transform:rotateY(0deg) translateZ(125px)}.cube-face.back{border-color:#a01cff33;color:#a01cff;color:var(--color-purple);transform:rotateY(180deg) translateZ(125px)}.cube-face.right{transform:rotateY(90deg) translateZ(125px)}.cube-face.left{border-color:#a01cff33;color:#a01cff;color:var(--color-purple);transform:rotateY(-90deg) translateZ(125px)}.cube-face.top{transform:rotateX(90deg) translateZ(125px)}.cube-face.bottom{transform:rotateX(-90deg) translateZ(125px)}.interactive-mockup{background:#050712d9;border:1px solid #00f2fe33;border-radius:12px;box-shadow:0 0 15px #00f2fe80,0 0 30px #00f2fe33,inset 0 0 20px #000c;box-shadow:var(--glow-cyan),inset 0 0 20px #000c;display:flex;flex-direction:column;font-family:Fira Code,monospace;font-family:var(--font-code);font-size:.85rem;gap:1rem;height:100%;overflow:hidden;padding:1.5rem;position:relative;transition:all .5s ease;width:100%}.interactive-mockup.purple{border-color:#a01cff4d;box-shadow:0 0 15px #a01cff80,0 0 30px #a01cff33;box-shadow:var(--glow-purple)}.interactive-mockup.green{border-color:#00ff874d;box-shadow:0 0 15px #00ff8780,0 0 30px #00ff8733;box-shadow:var(--glow-green)}.mockup-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding-bottom:.75rem}.mockup-dots{display:flex;gap:.4rem}.mockup-dot{background:#ffffff26;border-radius:50%;height:10px;width:10px}.mockup-dot.red{background:#ef4444}.mockup-dot.yellow{background:#eab308}.mockup-dot.green-dot{background:#22c55e}.mockup-title{color:#6b7280;color:var(--color-text-dim);font-size:.75rem;letter-spacing:.05em}.mockup-code-lines{color:#00f2fe;color:var(--color-cyan);display:flex;flex-direction:column;gap:.5rem}.mockup-code-line{display:flex;gap:1rem}.line-num{color:#6b7280;color:var(--color-text-dim);text-align:right;-webkit-user-select:none;user-select:none;width:20px}.line-content{color:#fff;color:var(--color-white)}.keyword{color:#f43f5e}.entity{color:#06b6d4}.string{color:#10b981}.comment{color:#6b7280;font-style:italic}.tech-orbit{animation:rotateOrbit 25s linear infinite;border:1px dashed #ffffff14;border-radius:50%;height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}.tech-node{align-items:center;background:#050712e6;border:1px solid #00f2fe66;border-radius:50%;box-shadow:0 0 15px #00f2fe80,0 0 30px #00f2fe33;box-shadow:var(--glow-cyan);color:#00f2fe;color:var(--color-cyan);cursor:pointer;display:flex;height:45px;justify-content:center;position:absolute;transition:all .3s ease;width:45px}.tech-node:hover{background:#00f2fe;background:var(--color-cyan);box-shadow:0 0 25px #00f2fecc;color:#030712;color:var(--bg-primary);transform:scale(1.2)}.tech-node-1{left:calc(50% - 22px);top:-22px}.tech-node-2{border-color:#a01cff;border-color:var(--color-purple);bottom:-22px;box-shadow:0 0 15px #a01cff80,0 0 30px #a01cff33;box-shadow:var(--glow-purple);color:#a01cff;color:var(--color-purple);left:calc(50% - 22px)}.tech-node-3{border-color:#00ff87;border-color:var(--color-green);box-shadow:0 0 15px #00ff8780,0 0 30px #00ff8733;box-shadow:var(--glow-green);color:#00ff87;color:var(--color-green);left:-22px;top:calc(50% - 22px)}.tech-node-4{right:-22px;top:calc(50% - 22px)}.ai-widget{width:100%}.ai-chat-box{height:450px}.ai-chat-box,.chat-history{display:flex;flex-direction:column}.chat-history{border-bottom:1px solid #ffffff0d;flex-grow:1;gap:1rem;overflow-y:auto;padding:1rem}.chat-msg{animation:fadeIn .4s ease forwards;display:flex;gap:1rem;max-width:80%}.chat-msg.system{align-self:flex-start}.chat-msg.user{align-self:flex-end;flex-direction:row-reverse}.msg-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.9rem;height:35px;justify-content:center;width:35px}.chat-msg.system .msg-avatar{background:#00f2fe1a;border:1px solid #00f2fe;border:1px solid var(--color-cyan);box-shadow:0 0 10px #00f2fe33;color:#00f2fe;color:var(--color-cyan)}.chat-msg.user .msg-avatar{background:#a01cff1a;border:1px solid #a01cff;border:1px solid var(--color-purple);box-shadow:0 0 10px #a01cff33;color:#a01cff;color:var(--color-purple)}.msg-bubble{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;font-size:.9rem;line-height:1.5;padding:.85rem 1.25rem}.chat-msg.system .msg-bubble{border-left:3px solid #00f2fe;border-left:3px solid var(--color-cyan)}.chat-msg.user .msg-bubble{background:#a01cff05;border-right:3px solid #a01cff;border-right:3px solid var(--color-purple)}.chat-options{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;padding:1rem}.chat-opt-btn{background:#ffffff05;border:1px solid #ffffff14;border-radius:20px;color:#9ca3af;color:var(--color-text-gray);cursor:pointer;font-family:Outfit,sans-serif;font-family:var(--font-accent);font-size:.85rem;padding:.5rem 1rem;transition:all .3s}.chat-opt-btn:hover{background:#00f2fe0d;border-color:#00f2fe;border-color:var(--color-cyan);box-shadow:0 0 10px #00f2fe1a;color:#00f2fe;color:var(--color-cyan)}.projects-showcase{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.project-card{perspective:1000px}.project-card-inner{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.25,.8,.25,1)}.project-media{align-items:center;background:linear-gradient(135deg,#030712cc,#0b0f19e6);border-bottom:1px solid #ffffff0d;display:flex;height:220px;justify-content:center;overflow:hidden;position:relative}.project-media:after{background:radial-gradient(circle at center,#0000 30%,#0009 100%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.project-tag{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030712d9;border:1px solid #ffffff1a;border-radius:3px;color:#00f2fe;color:var(--color-cyan);font-family:Orbitron,sans-serif;font-family:var(--font-title);font-size:.7rem;font-weight:700;padding:.3rem .75rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem;z-index:10}.project-card.purple .project-tag{color:#d946ef;color:var(--color-pink)}.project-card.green .project-tag{color:#00ff87;color:var(--color-green)}.project-content{padding:1.5rem}.project-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.project-desc{color:#9ca3af;color:var(--color-text-gray);font-size:.85rem;margin-bottom:1.25rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#ffffff08;border:1px solid #ffffff0d;border-radius:3px;color:#6b7280;color:var(--color-text-dim);font-family:Fira Code,monospace;font-family:var(--font-code);font-size:.7rem;padding:.2rem .5rem}.project-card:hover .tech-tag{border-color:#ffffff1a;color:#fff;color:var(--color-white)}.contact-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1.2fr .8fr}@media (max-width:768px){.contact-grid{gap:3rem;grid-template-columns:1fr}}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{color:#9ca3af;color:var(--color-text-gray);font-family:Outfit,sans-serif;font-family:var(--font-accent);font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:#ffffff05;border:1px solid #ffffff14;border-radius:4px;color:#fff;color:var(--color-white);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.95rem;padding:.85rem 1rem;transition:all .3s}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#ffffff0a;border-color:#00f2fe;border-color:var(--color-cyan);box-shadow:0 0 10px #00f2fe26;outline:none}.form-textarea{min-height:120px;resize:vertical}.contact-info{display:flex;flex-direction:column;gap:2rem}.info-item{display:flex;gap:1rem}.info-icon-wrapper{align-items:center;background:#00f2fe0d;border:1px solid #00f2fe26;border-radius:8px;color:#00f2fe;color:var(--color-cyan);display:flex;flex-shrink:0;height:45px;justify-content:center;width:45px}.info-title{color:#fff;color:var(--color-white);font-family:Outfit,sans-serif;font-family:var(--font-accent);font-size:.9rem;font-weight:700;margin-bottom:.25rem;text-transform:uppercase}.info-desc{color:#9ca3af;color:var(--color-text-gray);font-size:.9rem}.footer{background:#030712f2;border-top:1px solid #ffffff0d;padding:4rem 0 2rem;position:relative;z-index:10}.footer-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr repeat(3,1fr);margin-bottom:4rem}@media (max-width:768px){.footer-grid{gap:2rem;grid-template-columns:1fr}}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{color:#fff;color:var(--color-white);font-family:Orbitron,sans-serif;font-family:var(--font-title);font-size:1.5rem;font-weight:900;letter-spacing:.1em}.footer-desc{color:#9ca3af;color:var(--color-text-gray);font-size:.9rem;max-width:320px}.footer-title{color:#fff;color:var(--color-white);font-size:1rem;font-weight:700;letter-spacing:.05em;margin-bottom:1.5rem}.footer-links{display:flex;flex-direction:column;gap:.75rem;list-style:none}.footer-link{color:#9ca3af;color:var(--color-text-gray);font-size:.9rem;text-decoration:none;transition:all .3s}.footer-link:hover{color:#00f2fe;color:var(--color-cyan);padding-left:4px}.footer-bottom{align-items:center;border-top:1px solid #ffffff0d;color:#6b7280;color:var(--color-text-dim);display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem;justify-content:space-between;padding-top:2rem}@keyframes pulse{0%{opacity:.4}to{opacity:1}}@keyframes rotateCube{0%{transform:rotateX(0deg) rotateY(0deg)}to{transform:rotateX(1turn) rotateY(1turn)}}@keyframes rotateOrbit{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bg-grid{background-image:linear-gradient(#ffffff03 1px,#0000 0),linear-gradient(90deg,#ffffff03 1px,#0000 0);background-position:50%;background-size:50px 50px;height:100%;left:0;mask-image:linear-gradient(180deg,#000 30%,#0000 80%);-webkit-mask-image:linear-gradient(180deg,#000 30%,#0000 80%);opacity:.5;pointer-events:none;position:absolute;top:0;transform:perspective(500px) rotateX(60deg) translateY(0);transform-origin:top center;width:100%;z-index:1}@media (max-width:768px){.home-title{font-size:2.5rem}.section{padding:6rem 0}.nav-menu{display:none}.nav-toggle{display:block}}.auth-modal-overlay{align-items:center;display:flex;height:100vh;justify-content:center;left:0;padding:1.5rem;position:fixed;top:0;width:100vw;z-index:1000}.auth-modal-backdrop{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#030712b3;height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:100%}.auth-modal-content{animation:modalEnter .4s cubic-bezier(.165,.84,.44,1) forwards;border-color:#00f2fe26;box-shadow:0 20px 50px #000c,0 0 15px #00f2fe80,0 0 30px #00f2fe33;box-shadow:0 20px 50px #000c,var(--glow-cyan);max-width:440px;padding:3rem 2.5rem;position:relative;width:100%;z-index:1001}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7280;color:var(--color-text-dim);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .3s}.auth-modal-close:hover{background:#ffffff0d;box-shadow:0 0 15px #00f2fe80,0 0 30px #00f2fe33;box-shadow:var(--glow-cyan);color:#00f2fe;color:var(--color-cyan)}.auth-title{font-size:1.8rem;font-weight:900;letter-spacing:.05em;margin-bottom:.5rem;text-align:center}.auth-title span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00f2fe,#a01cff);background:linear-gradient(90deg,var(--color-cyan),var(--color-purple));-webkit-background-clip:text}.auth-subtitle{color:#9ca3af;color:var(--color-text-gray);font-size:.85rem;margin-bottom:2rem;text-align:center}.auth-input-wrapper{position:relative;width:100%}.auth-input-icon{height:1.1rem;left:1rem;opacity:.7;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1.1rem}.auth-input{padding-left:2.75rem!important;width:100%}.auth-alert{align-items:flex-start;animation:alertEnter .3s ease forwards;border-radius:6px;display:flex;font-size:.85rem;gap:.75rem;line-height:1.4;margin-bottom:1.5rem;padding:.85rem 1rem}@keyframes alertEnter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.auth-alert.error{background:#ef44440f;border:1px solid #ef444440;box-shadow:0 0 15px #ef44440d;color:#fca5a5}.auth-alert.success{background:#10b9810f;border:1px solid #10b98140;box-shadow:0 0 15px #10b9810d;color:#a7f3d0}.auth-footer{align-items:center;color:#9ca3af;color:var(--color-text-gray);display:flex;font-size:.85rem;gap:.5rem;justify-content:center;margin-top:2rem}.auth-footer-link{background:#0000;border:none;color:#00f2fe;color:var(--color-cyan);cursor:pointer;font-family:Outfit,sans-serif;font-family:var(--font-accent);font-weight:600;padding:0;text-decoration:underline;transition:all .3s}.auth-footer-link:hover{color:#a01cff;color:var(--color-purple);text-shadow:0 0 15px #a01cff80,0 0 30px #a01cff33;text-shadow:var(--glow-purple)}.nav-user-info{align-items:center;display:flex;gap:.75rem}.nav-user-name{border-right:1px solid #ffffff26;color:#fff;color:var(--color-white);font-size:.85rem;padding-right:.75rem}.nav-signout-btn,.nav-user-name{font-family:Outfit,sans-serif;font-family:var(--font-accent);font-weight:600}.nav-signout-btn{background:#0000;border:none;color:#6b7280;color:var(--color-text-dim);cursor:pointer;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;transition:all .3s}.nav-signout-btn:hover{color:#ef4444}.projects-container{background-color:#02050c;color:#fff;color:var(--color-white);font-family:Inter,sans-serif;font-family:var(--font-body);min-height:1200vh;position:relative;width:100vw}.projects-canvas-wrap{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:1}.projects-hud-terminal{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#030712d9;border:1px solid #00f2fe40;border-radius:8px;box-shadow:0 0 15px #00f2fe80,0 0 30px #00f2fe33;box-shadow:var(--glow-cyan);color:#00f2fe;color:var(--color-cyan);font-family:Fira Code,monospace;font-family:var(--font-code);font-size:.75rem;padding:1.25rem;position:fixed;right:30px;top:90px;width:300px;z-index:10}.hud-header{align-items:center;border-bottom:1px solid #00f2fe33;font-weight:700;margin-bottom:.75rem;padding-bottom:.5rem}.hud-header,.hud-row{display:flex;justify-content:space-between}.hud-row{margin-bottom:.4rem}.hud-label{color:#6b7280;color:var(--color-text-dim)}.hud-value{color:#fff}.hud-value.highlight{color:#00ff87;color:var(--color-green);text-shadow:0 0 15px #00ff8780,0 0 30px #00ff8733;text-shadow:var(--glow-green)}.projects-text-panel{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#030712a6;border:1px solid #ffffff14;border-left:4px solid #00f2fe;border-left:4px solid var(--color-cyan);border-radius:12px;box-shadow:0 20px 50px #00000080;left:10%;max-width:85%;padding:2.5rem;pointer-events:none;position:fixed;top:50%;transform:translateY(-50%);transition:all .6s cubic-bezier(.16,1,.3,1);width:450px;z-index:5}.panel-cyan{border-left-color:#00f2fe;border-left-color:var(--color-cyan)}.panel-purple{border-left-color:#a01cff;border-left-color:var(--color-purple)}.panel-pink{border-left-color:#d946ef;border-left-color:var(--color-pink)}.panel-green{border-left-color:#00ff87;border-left-color:var(--color-green)}.panel-blue{border-left-color:#3b82f6;border-left-color:var(--color-blue)}.panel-active{opacity:1;transform:translateY(-50%) scale(1)}.panel-inactive{opacity:0;transform:translateY(-40%) scale(.95)}.panel-step-num{color:#00f2fe;color:var(--color-cyan);font-family:Fira Code,monospace;font-family:var(--font-code);font-size:.8rem;margin-bottom:.5rem}.panel-title{font-family:Orbitron,sans-serif;font-family:var(--font-title);font-size:1.8rem;font-weight:700;letter-spacing:.05em;line-height:1.2;margin-bottom:1rem;text-transform:uppercase}.panel-desc{color:#9ca3af;color:var(--color-text-gray);font-size:.95rem;line-height:1.6}.projects-scroll-indicator{align-items:center;bottom:40px;color:#6b7280;color:var(--color-text-dim);display:flex;flex-direction:column;font-family:Outfit,sans-serif;font-family:var(--font-accent);font-size:.75rem;gap:.5rem;left:50%;position:fixed;transform:translateX(-50%);z-index:5}.scroll-mouse{border:2px solid #6b7280;border:2px solid var(--color-text-dim);border-radius:10px;height:32px;position:relative;width:20px}.scroll-wheel{animation:scrollMouseAnim 1.6s infinite;background-color:#00f2fe;background-color:var(--color-cyan);border-radius:2px;height:8px;left:50%;position:absolute;top:6px;transform:translateX(-50%);width:4px}@keyframes scrollMouseAnim{0%{opacity:1;top:6px}to{opacity:0;top:18px}}.back-btn-container{left:30px;position:fixed;top:90px;z-index:10}.projects-back-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:30px;color:#fff;color:var(--color-white);cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-family:var(--font-accent);font-size:.8rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s}.projects-back-btn:hover{background:#00f2fe;background:var(--color-cyan);border-color:#00f2fe;border-color:var(--color-cyan);box-shadow:0 0 15px #00f2fe80,0 0 30px #00f2fe33;box-shadow:var(--glow-cyan);color:#000}.merge-text-container{left:50%;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%;z-index:5}.merge-title{-webkit-text-fill-color:#0000;animation:textPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#fff,#00f2fe 50%,#a01cff);background:linear-gradient(135deg,#fff 0,var(--color-cyan) 50%,var(--color-purple) 100%);-webkit-background-clip:text;font-family:Orbitron,sans-serif;font-family:var(--font-title);font-size:3.5rem;font-weight:900;letter-spacing:.15em;text-shadow:0 0 40px #00f2fe26}@keyframes textPulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.03)}}@media (max-width:768px){.projects-text-panel{border-bottom:4px solid #00f2fe;border-bottom:4px solid var(--color-cyan);border-left:1px solid #ffffff14;border-radius:12px;bottom:20px;left:20px;max-height:28vh;overflow-y:auto;padding:1.25rem 1.5rem;top:auto;transform:translateY(0);width:calc(100% - 40px)}.panel-inactive{opacity:0;transform:translateY(15px) scale(.98)}.panel-active{opacity:1;transform:translateY(0) scale(1)}.panel-cyan{border-bottom-color:#00f2fe;border-bottom-color:var(--color-cyan)}.panel-purple{border-bottom-color:#a01cff;border-bottom-color:var(--color-purple)}.panel-pink{border-bottom-color:#d946ef;border-bottom-color:var(--color-pink)}.panel-green{border-bottom-color:#00ff87;border-bottom-color:var(--color-green)}.panel-blue{border-bottom-color:#3b82f6;border-bottom-color:var(--color-blue)}.projects-hud-terminal{display:none}}.projects-code-terminal{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#030712d9;border:1px solid #10b9814d;border-radius:8px;bottom:30px;box-shadow:0 0 15px #10b98126;left:30px;max-width:90%;padding:1rem;position:fixed;width:420px;z-index:10}@media (max-width:768px){.projects-code-terminal{display:none}}.vscode-mockup{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f0f19b3;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;font-family:Fira Code,monospace;font-family:var(--font-code);height:440px;left:50%;max-width:90%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease,transform .5s ease;width:720px;z-index:5}.vscode-header{align-items:center;background:#1e1e2d80;border-bottom:1px solid #ffffff0d;display:flex;height:35px;justify-content:space-between;padding:0 1rem}.vscode-controls{display:flex;gap:6px}.vscode-circle{border-radius:50%;height:12px;width:12px}.vscode-circle.red{background:#ff5f56}.vscode-circle.yellow{background:#ffbd2e}.vscode-circle.green{background:#27c93f}.vscode-title{color:#858585;font-size:.75rem;letter-spacing:.05em}.vscode-body{display:flex;flex:1 1;overflow:hidden}.vscode-sidebar{background:#0a0a0f66;border-right:1px solid #ffffff0d;color:#858585;display:flex;flex-direction:column;font-size:.7rem;gap:.5rem;padding:1rem;width:150px}.vscode-sidebar-title{color:#ccc;font-weight:700;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.vscode-file{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:6px;padding:2px 6px}.vscode-file.active{background:#ffffff0d;color:#fff}.vscode-editor{background:#0f0f1933;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.vscode-tabs{background:#0a0a0f33;border-bottom:1px solid #ffffff0d;display:flex;height:30px}.vscode-tab{align-items:center;background:#0f0f1966;border-right:1px solid #ffffff0d;color:#858585;display:flex;font-size:.75rem;padding:0 1rem}.vscode-tab.active{background:#0000;border-bottom:2px solid #00f2fe;border-bottom:2px solid var(--color-cyan);color:#fff}.vscode-code-area{color:#e2e8f0;flex:1 1;font-size:.8rem;line-height:1.5;overflow-y:auto;padding:1.5rem;text-align:left}.vscode-cursor{animation:blink 1s step-end infinite;background:#00f2fe;background:var(--color-cyan);display:inline-block;height:14px;margin-left:2px;vertical-align:middle;width:6px}@keyframes blink{0%,to{background-color:initial}50%{background-color:#00f2fe;background-color:var(--color-cyan)}}.code-keyword{color:#f43f5e}.code-variable{color:#00f2fe}.code-string{color:#10b981}.code-function{color:#c084fc}.code-comment{color:#64748b;font-style:italic}@media (max-width:768px){.vscode-mockup{height:320px;width:95%}.vscode-sidebar{display:none}}.navbar-logo-img{border:2px solid #00f2fe80;border-radius:50%;box-shadow:0 0 14px #00f2fe59,0 0 30px #00f2fe1a;flex-shrink:0;height:38px;object-fit:cover;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .3s,box-shadow .3s;width:38px}.logo-link:hover .navbar-logo-img{border-color:#00f2fe;border-color:var(--color-cyan);box-shadow:0 0 15px #00f2fe80,0 0 30px #00f2fe33,0 0 40px #00f2fe26;box-shadow:var(--glow-cyan),0 0 40px #00f2fe26;transform:rotate(15deg) scale(1.1)}.footer-logo-img{transition:transform .5s ease}.footer-logo-container:hover .footer-logo-img{transform:rotate(-1turn) scale(1.05)}.auth-logo-header{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.auth-logo-img{border:1.5px solid #a01cff80;border-radius:50%;box-shadow:0 0 15px #a01cff4d;height:48px;object-fit:cover;transition:all .3s ease;width:48px}.auth-logo-header:hover .auth-logo-img{border-color:#a01cff;border-color:var(--color-purple);box-shadow:0 0 15px #a01cff80,0 0 30px #a01cff33;box-shadow:var(--glow-purple);transform:scale(1.05)}.home-grid-container{text-align:left;width:100%}.home-content,.home-grid-container{align-items:flex-start;display:flex;flex-direction:column}.home-content{max-width:760px}.home-banner-wrapper{display:none}.banner-card{background:#03071299!important;border:1px solid #00f2fe26!important;box-shadow:0 15px 35px #0009,0 0 30px #00f2fe08!important}.banner-card:hover{border-color:#00f2fe66!important;box-shadow:0 20px 40px #000000b3,0 0 15px #00f2fe80,0 0 30px #00f2fe33!important;box-shadow:0 20px 40px #000000b3,var(--glow-cyan)!important}.banner-image-container{background:#0006;border:1px solid #ffffff14;border-radius:8px;overflow:hidden;position:relative}.hero-banner-img{display:block;height:auto;transition:transform .6s cubic-bezier(.165,.84,.44,1);width:100%}.banner-image-container:hover .hero-banner-img{transform:scale(1.04)}.banner-scanner-line{animation:scanBanner 4s linear infinite;background:linear-gradient(90deg,#0000,#00f2fe,#0000);background:linear-gradient(90deg,#0000,var(--color-cyan),#0000);box-shadow:0 0 8px #00f2fe;box-shadow:0 0 8px var(--color-cyan);height:3px;left:0;opacity:.75;pointer-events:none;position:absolute;top:0;width:100%}@keyframes scanBanner{0%{top:-5%}to{top:105%}}.banner-status-panel{grid-gap:.75rem;background:#02050cd9;border:1px solid #ffffff0d;border-radius:6px;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-top:1.25rem;padding:.85rem}.status-item{align-items:center;display:flex;flex-direction:column;text-align:center}.status-label{color:#6b7280;color:var(--color-text-dim);font-family:Outfit,sans-serif;font-family:var(--font-accent);font-size:.55rem;font-weight:600;letter-spacing:.1em}.status-value{font-family:Fira Code,monospace;font-family:var(--font-code);font-size:.8rem;font-weight:700;margin-top:.25rem}.contact-grid-wrapper{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1.15fr .85fr;margin:0 auto;max-width:1100px;width:100%}.registry-banner-container{background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;overflow:hidden;position:relative}.registry-banner-gradient{background:linear-gradient(180deg,#0000 40%,#030712f2);inset:0;position:absolute}@media (max-width:992px){.home-grid-container{flex-direction:column;gap:2rem}.home-content{align-items:flex-start;display:flex;flex-direction:column;margin:0;text-align:left}.home-cta{justify-content:flex-start}.contact-grid-wrapper{gap:2rem;grid-template-columns:1fr}}@media (max-width:768px){.navbar-logo-img{height:40px;width:40px}.logo-link{font-size:1.2rem}.nav-menu{gap:1rem}}.app-wrapper{width:100%}.app-wrapper,.home-section{min-height:100vh;position:relative}.home-section{align-items:center;display:flex}.mobile-menu{animation:slideDown .3s cubic-bezier(.165,.84,.44,1) forwards;background:#030712fa;border-bottom:1px solid #00f2fe26;box-shadow:0 10px 30px #000000e6;display:flex;flex-direction:column;gap:1.5rem;left:0;padding:2rem;position:absolute;top:100%;width:100%;z-index:99}.mobile-menu a{color:var(--color-text-gray);font-family:var(--font-accent);font-size:1.1rem;font-weight:600;letter-spacing:.05em;text-decoration:none;text-transform:uppercase;transition:all .3s}.mobile-menu a:hover{color:var(--color-cyan);text-shadow:var(--glow-cyan)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tech-node.active{background:var(--color-cyan);border-color:var(--color-cyan);box-shadow:0 0 25px #00f2fecc,0 0 50px #00f2fe66;color:var(--bg-primary);transform:scale(1.2)}.tech-node.tech-node-2.active{background:var(--color-purple);border-color:var(--color-purple);box-shadow:0 0 25px #a01cffcc,0 0 50px #a01cff66;color:var(--color-white)}.tech-node.tech-node-3.active{background:var(--color-green);border-color:var(--color-green);box-shadow:0 0 25px #00ff87cc,0 0 50px #00ff8766;color:var(--bg-primary)}.btn.disabled{background:#ffffff0d;border-color:#ffffff1a;box-shadow:none;color:var(--color-text-dim);opacity:.5;pointer-events:none}
/*# sourceMappingURL=main.7d629060.css.map*/