@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed}img{max-width:100%;height:auto;display:block}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--bg-gradient-onyx: linear-gradient( to bottom right, hsl(240, 3%, 23%) 3%, hsl(0, 2%, 18%) 97% );--bg-gradient-jet: linear-gradient( to bottom right, hsla(240, 2%, 18%, .251) 0%, hsla(240, 2%, 11%, 0) 100% ), hsl(240, 4%, 14%);--bg-gradient-tech-1: linear-gradient( to bottom right, hsl(195, 100%, 70%) 0%, hsla(185, 100%, 75%, 0) 50% );--bg-gradient-tech-2: linear-gradient( 135deg, hsla(195, 100%, 70%, .4) 0%, hsla(185, 100%, 75%, 0) 59.86% ), hsl(240, 2%, 13%);--border-gradient-tech: linear-gradient( to bottom right, hsl(195, 80%, 45%) 0%, hsla(195, 80%, 45%, 0) 50% );--text-gradient-tech: linear-gradient( to right, hsl(195, 100%, 65%), hsl(185, 100%, 70%) );--jet: hsl(0, 0%, 22%);--onyx: hsl(240, 1%, 17%);--eerie-black-1: hsl(240, 2%, 13%);--eerie-black-2: hsl(240, 2%, 12%);--smoky-black: hsl(0, 0%, 7%);--white-1: hsl(0, 0%, 100%);--white-2: hsl(0, 0%, 98%);--tech-blue: hsl(195, 100%, 65%);--tech-cyan: hsl(185, 100%, 70%);--tech-light-blue: hsl(190, 100%, 80%);--tech-bright-cyan: hsl(180, 100%, 75%);--light-gray: hsl(0, 0%, 84%);--light-gray-70: hsla(0, 0%, 84%, .7);--tech-accent: hsl(200, 100%, 60%);--ff-poppins: "Poppins", sans-serif;--fs-1: 24px;--fs-2: 18px;--fs-3: 17px;--fs-4: 16px;--fs-5: 15px;--fs-6: 14px;--fs-7: 13px;--fs-8: 11px;--fw-300: 300;--fw-400: 400;--fw-500: 500;--fw-600: 600;--shadow-1: -4px 8px 24px hsla(0, 0%, 0%, .25);--shadow-2: 0 16px 30px hsla(0, 0%, 0%, .25);--shadow-3: 0 16px 40px hsla(0, 0%, 0%, .25);--shadow-4: 0 25px 50px hsla(0, 0%, 0%, .15);--shadow-5: 0 24px 80px hsla(0, 0%, 0%, .25);--transition-1: .25s ease;--transition-2: .5s ease-in-out}[data-theme=light]{--bg-gradient-onyx: linear-gradient(to bottom right, hsla(240, 1%, 25%, .3) 3%, hsla(0, 0%, 19%, .3) 97%);--bg-gradient-jet: linear-gradient(135deg, hsla(240, 100%, 98%, .251) 0%, hsla(240, 100%, 98%, .104) 100%), hsl(240, 2%, 95%);--bg-gradient-tech-light-1: linear-gradient(to bottom right, hsl(195, 100%, 70%) 0%, hsla(185, 100%, 75%, 0) 50%);--bg-gradient-tech-light-2: linear-gradient(135deg, hsla(195, 100%, 70%, .3) 0%, hsla(185, 100%, 75%, .1) 100%), hsl(240, 2%, 92%);--border-gradient-onyx: linear-gradient(to bottom right, hsla(0, 0%, 25%, .5) 0%, hsla(0, 0%, 25%, 0) 50%);--jet: hsl(0, 0%, 85%);--onyx: hsl(240, 1%, 90%);--eerie-black-1: hsl(240, 2%, 95%);--eerie-black-2: hsl(240, 2%, 92%);--smoky-black: hsl(0, 0%, 98%);--white-1: hsl(0, 0%, 15%);--white-2: hsl(0, 0%, 10%);--light-gray: hsl(0, 0%, 25%);--light-gray-70: hsl(0, 0%, 35%);--shadow-1: -4px 8px 24px hsla(0, 0%, 0%, .1);--shadow-2: 0 16px 30px hsla(0, 0%, 0%, .1);--shadow-3: 0 16px 40px hsla(0, 0%, 0%, .1);--shadow-4: 0 25px 50px hsla(0, 0%, 0%, .05);--shadow-5: 0 24px 80px hsla(0, 0%, 0%, .1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}*:focus,*:focus-visible,*:active{outline:none!important;box-shadow:none!important;border-color:transparent!important}button:focus,button:focus-visible,button:active,a:focus,a:focus-visible,a:active,input:focus,input:focus-visible,textarea:focus,textarea:focus-visible{outline:none!important;box-shadow:none!important;border-color:var(--jet)!important}a{text-decoration:none;transition:color var(--transition-1)}a:hover,a:focus{color:var(--tech-bright-cyan)}li{list-style:none}img,ion-icon,a,button,time,span{display:block}button{font:inherit;background:none;border:none;text-align:left;cursor:pointer;transition:opacity var(--transition-1)}button:hover,button:focus{opacity:.8}input,textarea{display:block;width:100%;background:none;font:inherit}::selection{background:var(--tech-bright-cyan);color:var(--smoky-black)}:focus{outline:none!important;outline-offset:0}html{font-family:var(--ff-poppins);scroll-behavior:smooth}body{background:var(--smoky-black);color:var(--white-2);font-size:var(--fs-4);font-weight:var(--fw-300);line-height:1.6;overflow-x:hidden;min-height:100vh;scroll-behavior:smooth}article{background:var(--eerie-black-2);border:1px solid var(--jet);border-radius:20px;padding:15px;box-shadow:var(--shadow-1);z-index:1}.separator{width:100%;height:1px;background:var(--jet);margin:16px 0}.icon-box{position:relative;background:var(--border-gradient-onyx);width:30px;height:30px;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:16px;color:var(--tech-bright-cyan);box-shadow:var(--shadow-1);z-index:1}.icon-box:before{content:"";position:absolute;inset:1px;background:var(--eerie-black-1);border-radius:inherit;z-index:-1}.icon-box ion-icon{--ionicon-stroke-width: 35px}article{display:none}article.active{display:block;animation:fadeInUp .6s ease backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.h1,.h2,.h3,.h4,.h5{color:var(--white-1);text-transform:capitalize;display:inline-block;white-space:nowrap}.h1{color:var(--tech-bright-cyan);text-shadow:0 0 10px rgba(0,200,255,.3)}.h2{font-size:var(--fs-1)}.h3{font-size:var(--fs-2)}.h4{font-size:var(--fs-4)}.h5{font-size:var(--fs-7);font-weight:var(--fw-500)}.article-title{position:relative;padding-bottom:7px;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;display:inline-block!important}.article-title:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:3px;background:var(--text-gradient-tech);border-radius:3px}.has-scrollbar::-webkit-scrollbar{width:5px;height:5px}.has-scrollbar::-webkit-scrollbar-track{background:var(--onyx);border-radius:5px}.has-scrollbar::-webkit-scrollbar-thumb{background:var(--tech-bright-cyan);border-radius:5px}.has-scrollbar::-webkit-scrollbar-button{width:20px}.content-card{position:relative;background:var(--border-gradient-onyx);padding:45px 15px 15px;border-radius:14px;box-shadow:var(--shadow-2);cursor:pointer;z-index:1}.content-card:before{content:"";position:absolute;inset:1px;background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1}@media (min-width: 450px){article{width:420px;margin:auto;min-height:100%}}@media (min-width: 768px){article{width:auto;min-height:100%;margin-bottom:0}}@media (min-width: 1024px){.main-content{max-width:none;margin:0}}@keyframes techGlow{0%,to{box-shadow:0 0 10px #00c8ff4d;transform:scale(1)}50%{box-shadow:0 0 15px #00c8ff80;transform:scale(1.02)}}@keyframes techPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.95}}@keyframes slideInLeft{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes techBorder{0%{border-color:transparent;box-shadow:none}50%{border-color:transparent;box-shadow:none}to{border-color:transparent;box-shadow:none}}@keyframes matrixRain{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,200,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,200,255,.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:-1;will-change:transform}.navbar-link:hover{color:var(--tech-bright-cyan)!important;text-shadow:0 0 8px var(--tech-bright-cyan)!important;transition:all .2s ease!important}.contact-link:hover{color:var(--tech-bright-cyan)!important;transition:color .2s ease!important}.article-title{position:relative;color:var(--tech-bright-cyan)!important;text-shadow:0 0 10px rgba(0,200,255,.3)!important;display:inline-block!important;white-space:nowrap!important}.article-title:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:var(--text-gradient-tech);animation:techBorder 2s infinite}.name{color:var(--tech-bright-cyan)!important;text-shadow:0 0 10px rgba(0,200,255,.3)!important;font-weight:600!important;letter-spacing:1px!important;display:inline-block!important;white-space:nowrap!important}.title{color:var(--tech-cyan)!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:2px!important;text-shadow:0 0 8px rgba(0,255,255,.3)!important;display:inline-block!important;white-space:nowrap!important}.form-input:focus{border-color:var(--tech-bright-cyan)!important;box-shadow:0 0 20px #00c8ff80!important;animation:techBorder 1s ease!important}.form-btn{background:var(--text-gradient-tech)!important;border:1px solid var(--tech-blue)!important;transition:all .3s ease!important}.form-btn:hover{animation:techGlow 1s infinite!important;transform:translateY(-2px)!important}.timeline-item:before{box-shadow:0 0 5px #00c8ff4d!important}.timeline-item:hover .timeline-item-title{color:var(--tech-cyan)!important;transition:color .2s ease!important}.timeline-item:hover{transform:translate(2px)!important;transition:transform .2s ease!important}button:hover,.btn:hover{background:var(--bg-gradient-tech-1)!important;box-shadow:0 0 12px #00c8ff4d!important;transform:translateY(-1px)!important;transition:all .2s ease!important}ion-icon:hover{color:var(--tech-bright-cyan)!important;transition:color .2s ease!important}*{will-change:auto}.service-item,.testimonial-item,.project-item,.timeline-item,.service-item:hover,.testimonial-item:hover,.project-item:hover{will-change:transform,box-shadow}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes loadingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.loading{animation:loadingPulse 1.5s ease-in-out infinite}.sidebar{margin-top:0;margin-bottom:15px;max-width:320px;min-width:220px;width:100%;max-height:112px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);background:var(--eerie-black-2);border:1px solid var(--jet);border-radius:20px;box-shadow:var(--shadow-1);position:relative}.sidebar:before{content:"";position:absolute;inset:0;background:var(--border-gradient-tech);border-radius:inherit;z-index:-2;opacity:0;transition:opacity .3s ease}.sidebar:hover:before{opacity:.3}.sidebar.active{max-height:400px;overflow-y:auto;box-shadow:0 25px 50px #00c8ff26}.sidebar-info{position:relative;display:flex;justify-content:flex-start;align-items:center;gap:8px;padding:15px}.avatar-box{background:var(--bg-gradient-onyx);border-radius:20px;width:80px;height:80px;overflow:hidden;border:2px solid var(--tech-bright-cyan);box-shadow:0 8px 25px #00c8ff33;transition:all .3s cubic-bezier(.4,0,.2,1)}.avatar-box:hover{border-color:var(--tech-cyan);box-shadow:0 12px 35px #00c8ff4d;transform:translateY(-2px)}.avatar-box img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.avatar-box:hover img{transform:scale(1.05)}.info-content .name{color:var(--white-2);font-size:15px;font-weight:var(--fw-500);letter-spacing:-.25px;margin-bottom:6px;text-shadow:2px 0 8px rgba(0,200,255,.3);white-space:nowrap}.info-content .title{color:var(--white-1);background:var(--onyx);font-size:10px;font-weight:var(--fw-300);width:max-content;padding:3px 12px;border-radius:8px;text-shadow:1px 0 6px rgba(0,200,255,.2);white-space:nowrap}.info_more-btn{position:absolute;top:-15px;right:-15px;border-radius:0 15px;font-size:13px;color:var(--tech-bright-cyan);background:var(--border-gradient-tech);padding:10px;box-shadow:var(--shadow-2);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1;display:flex;align-items:center;gap:5px;border:none;cursor:pointer}.info_more-btn:hover{background:var(--bg-gradient-tech-2);color:var(--white-1);transform:translateY(-2px);box-shadow:0 8px 25px #00c8ff4d}.info_more-btn:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:var(--bg-gradient-jet);transition:var(--transition-1);z-index:-1}.info_more-btn:hover:before{background:var(--bg-gradient-tech-2)}.info_more-btn span{display:none}.separator{width:100%;height:1px;background:var(--jet);margin:10px 0;border-radius:1px;position:relative;overflow:hidden}.separator:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--tech-bright-cyan),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.sidebar-info_more{opacity:0;visibility:hidden;transition:var(--transition-2);padding:0 15px 15px}.sidebar.active .sidebar-info_more{opacity:1;visibility:visible}.contacts-list{display:flex;flex-direction:column;gap:8px;padding:0;margin:10px 0;list-style:none}.sidebar .contact-item{display:flex;align-items:center;gap:12px;padding:15px;background:var(--border-gradient-onyx);border-radius:14px;box-shadow:var(--shadow-2);position:relative;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar .contact-item:before{content:"";position:absolute;inset:1px;background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1}.sidebar .contact-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-3)}.sidebar .icon-box{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--border-gradient-onyx);border-radius:12px;flex-shrink:0;position:relative;z-index:1}.sidebar .icon-box:before{content:"";position:absolute;inset:1px;background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1}.sidebar .icon-box ion-icon{font-size:20px;color:var(--tech-bright-cyan)}.sidebar .contact-info{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}.sidebar .contact-title{margin-bottom:3px;color:var(--white-2);font-size:11px;font-weight:var(--fw-500);line-height:1.2}.sidebar .contact-link{color:var(--tech-bright-cyan);font-weight:var(--fw-400);text-decoration:none;transition:color var(--transition-1);font-size:10px;line-height:1.3;word-break:break-word}.sidebar .contact-link:hover{color:var(--tech-bright-cyan);opacity:.8}.sidebar .contact-value{color:var(--light-gray);font-weight:var(--fw-400);font-size:10px;line-height:1.3}.sidebar-footer{text-align:center;margin-top:6px;padding:8px 6px 4px;position:relative}.copyright-text{color:var(--light-gray-70);font-size:9px;line-height:1.2;margin-bottom:1px;font-weight:400;letter-spacing:.2px}.copyright-highlight{color:var(--tech-bright-cyan);font-weight:500}.rights-text{color:var(--light-gray-70);font-size:8px;opacity:.7;font-style:italic;letter-spacing:.3px}@media (max-width: 320px){.sidebar{min-width:280px;max-width:280px;margin:0 auto 15px}.sidebar.active{max-height:calc(100vh - 100px);overflow-y:auto}.sidebar-info{padding:12px;gap:6px}.avatar-box{width:60px;height:60px}.info-content .name{font-size:13px}.info-content .title{font-size:9px;padding:2px 8px}.info_more-btn{padding:8px;font-size:11px}.sidebar .contact-item{padding:10px;gap:8px}.sidebar .icon-box{width:30px;height:30px}.sidebar .icon-box ion-icon{font-size:16px}.sidebar .contact-title{font-size:9px}.sidebar .contact-link{font-size:8px}.sidebar-footer{padding:6px 4px 3px}.copyright-text{font-size:8px}.rights-text{font-size:7px}}@media (min-width: 321px) and (max-width: 479px){.sidebar{min-width:300px;max-width:300px;margin:0 auto 15px}.sidebar.active{max-height:calc(100vh - 80px);overflow-y:auto}.sidebar .contact-item{padding:12px;gap:10px}.sidebar .icon-box{width:32px;height:32px}.sidebar .icon-box ion-icon{font-size:17px}.sidebar .contact-link{font-size:9px}}@media (max-height: 500px) and (orientation: landscape){.sidebar{max-height:90px}.sidebar.active{max-height:calc(100vh - 20px);overflow-y:auto}.sidebar-info{padding:10px}.avatar-box{width:50px;height:50px}.sidebar .contact-item{padding:8px;gap:6px}.sidebar .icon-box{width:28px;height:28px}.sidebar .icon-box ion-icon{font-size:14px}.sidebar-footer{padding:4px 4px 2px}.copyright-text{font-size:8px;line-height:1.1}.rights-text{font-size:7px}}@media (min-width: 580px){.sidebar-info{gap:25px;padding:20px}.avatar-box{border-radius:30px}.info-content .name{margin-bottom:15px}.info-content .title{padding:5px 18px}.info_more-btn{top:-30px;right:-30px;padding:10px 15px}.info_more-btn span{display:block;font-size:var(--fs-8)}.info_more-btn ion-icon{display:none}.separator{margin:15px 0}.contacts-list{gap:6px}.sidebar .contact-item{padding:14px;gap:12px}.sidebar .icon-box{width:36px;height:36px}.sidebar .icon-box ion-icon{font-size:18px}.sidebar .contact-link{font-size:11px}.sidebar-info_more{padding:0 20px 20px}}@media (min-width: 768px){.sidebar{position:fixed;top:40px;left:20px;width:320px;max-height:calc(100vh - 80px);height:fit-content;margin-bottom:0;overflow-y:auto;z-index:10;border-radius:20px}.sidebar{max-height:calc(100vh - 80px)!important}.sidebar-info{flex-direction:column;padding:25px;gap:15px}.avatar-box{width:120px;height:120px;margin:0 auto}.info-content{text-align:center}.info-content .name{white-space:nowrap;text-align:center;margin-bottom:12px;font-size:var(--fs-2)}.info-content .title{margin:0 auto;text-align:center;font-size:var(--fs-7);padding:4px 14px}.info_more-btn{display:none}.sidebar-info_more{opacity:1!important;visibility:visible!important;padding:0 25px 20px}.contacts-list{margin-bottom:10px;gap:8px}.sidebar .contact-item{padding:16px;gap:14px}.sidebar .icon-box{width:42px;height:42px}.sidebar .icon-box ion-icon{font-size:22px}.sidebar .contact-title{font-size:12px}.sidebar .contact-link{font-size:11px}.sidebar-footer{margin-top:8px;padding:10px 8px 6px}.copyright-text{font-size:10px}.rights-text{font-size:9px}}@media (min-width: 1024px){.sidebar{width:320px;top:40px;left:20px;position:fixed;border-radius:20px}.contacts-list{gap:10px}.sidebar .contact-item{padding:18px;gap:15px}.sidebar .icon-box{width:45px;height:45px}.sidebar .icon-box ion-icon{font-size:24px}.sidebar .contact-title{font-size:13px}.sidebar .contact-link{font-size:12px}}@media (hover: none) and (pointer: coarse){.sidebar .contact-item{padding:12px;gap:10px}.sidebar .icon-box{width:35px;height:35px}.sidebar .icon-box ion-icon{font-size:18px}.info_more-btn{padding:12px;min-height:44px;min-width:44px}.sidebar .contact-link{font-size:10px;line-height:1.3}}@media (prefers-reduced-motion: reduce){.sidebar,.sidebar .contact-item,.sidebar .icon-box,.info_more-btn{transition:none}.separator:before{animation:none}}.image-container{position:relative;overflow:hidden;border-radius:inherit}.image-container img{width:100%;height:100%;object-fit:cover;transition:opacity var(--transition-1)}.image-container img.loading{opacity:0;transform:scale(1.1)}.image-container img:not(.loading){animation:imageLoad .5s ease forwards}@keyframes imageLoad{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.image-container img.error{opacity:.5;filter:grayscale(1)}.image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--eerie-black-1);display:flex;align-items:center;justify-content:center}.placeholder-shimmer{width:100%;height:100%;background:linear-gradient(90deg,var(--eerie-black-1) 0%,var(--jet) 50%,var(--eerie-black-1) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.navbar{position:fixed;bottom:0;left:0;width:100%;background:#2b2b2cf2;backdrop-filter:blur(15px);border:1px solid var(--jet);border-radius:12px;box-shadow:none;z-index:5;transition:all var(--transition-1)}.navbar-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:0 10px}@media (max-width: 320px){.navbar{margin:0 2px;border-radius:6px}.navbar-list{padding:0 1px;gap:1px}.navbar-link{padding:10px 2px;font-size:10px;text-align:center;min-width:45px;border-radius:4px}}@media (max-width: 374px) and (min-width: 321px){.navbar{margin:0 5px;border-radius:8px}.navbar-list{padding:0 2px;gap:2px}.navbar-link{padding:12px 4px;font-size:11px;text-align:center;min-width:50px;border-radius:6px}}.navbar-item{position:relative}.navbar-link{color:var(--light-gray);font-size:var(--fs-8);padding:12px 7px;transition:all .2s ease;text-decoration:none;text-transform:capitalize;position:relative;border-radius:8px}.navbar-link:hover,.navbar-link:focus{color:var(--tech-bright-cyan)}.navbar-link.active{color:var(--tech-bright-cyan);font-weight:var(--fw-500)}.navbar-link:focus,.navbar-link:active,.navbar-link:hover{outline:none!important;box-shadow:none!important;background:none!important;border:none!important;color:var(--tech-bright-cyan)}@media (min-width: 768px){.navbar{position:absolute;inset:0 0 auto auto;width:max-content;border-radius:20px;padding:0 20px;box-shadow:none}.navbar-list{gap:30px;padding:0 20px}.navbar-link{--fs-8: 15px;padding:10px 0}}@media (min-width: 1024px){.navbar{position:relative;width:100%;background:transparent;border:none;border-radius:0;backdrop-filter:none;box-shadow:none}.navbar-list{justify-content:flex-start;gap:50px;padding:0}.navbar-link{--fs-8: 16px;padding:10px 0}}.tech-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.6}@media (max-width: 768px){.tech-background{opacity:.3}}@media (prefers-reduced-motion: reduce){.tech-background{display:none}}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:20px}.spinner{border:3px solid var(--jet);border-top:3px solid var(--spinner-color, var(--tech-bright-cyan));border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small .spinner{width:20px;height:20px;border-width:2px}.loading-spinner.medium .spinner{width:40px;height:40px;border-width:3px}.loading-spinner.large .spinner{width:60px;height:60px;border-width:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;backdrop-filter:blur(5px)}.loading-overlay .loading-spinner{background:var(--eerie-black-2);border-radius:12px;padding:30px;box-shadow:var(--shadow-5)}.loading-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#1e1e1f,#141415,#0a0a0a);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.loading-container.super-tech{backdrop-filter:blur(8px) saturate(140%) brightness(.9);background:linear-gradient(120deg,#10131a,#181c24);box-shadow:0 0 80px 10px #00fff733 inset}.loading-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:linear-gradient(45deg,var(--tech-bright-cyan),var(--tech-cyan));border-radius:50%;box-shadow:none}.particle.neon{box-shadow:0 0 16px 4px #00fff7,0 0 32px 8px #00fff744;background:linear-gradient(45deg,#00fff7,#00c3ff,#fff 60%);opacity:.7;filter:blur(.5px);transition:box-shadow .2s}.logo-container{position:relative;margin-bottom:30px}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(255,187,84,.3) 0%,rgba(255,187,84,.1) 50%,transparent 70%);border-radius:50%;filter:blur(10px);animation:rotateHue 4s linear infinite}.logo-text{width:80px;height:80px;background:linear-gradient(135deg,var(--tech-bright-cyan) 0%,var(--tech-cyan) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--eerie-black-1);box-shadow:0 10px 30px #ffbb544d,inset 0 1px #fff3;position:relative;z-index:2}.logo-text.super-neon{background:linear-gradient(90deg,#fff,#00fff7 60%,#ffbb54);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 10px #00fff7,0 0 18px #ffbb54;font-size:2.7rem;letter-spacing:.1em;filter:drop-shadow(0 0 8px #00fff7)}.super-neon{text-shadow:0 0 8px #00fff7,0 0 16px #ffbb54;filter:drop-shadow(0 0 4px #00fff7)}.loading-text h1{font-size:3rem;font-weight:700;color:var(--white-1);margin-bottom:10px;background:linear-gradient(135deg,var(--white-1) 0%,var(--tech-bright-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-text p{font-size:1.1rem;color:var(--light-gray);font-weight:300;letter-spacing:2px;text-transform:uppercase}.tech-values-container{min-height:40px;display:flex;align-items:center;justify-content:center;margin-top:10px}.tech-value-single{font-size:1.3rem;font-weight:600;color:var(--tech-bright-cyan);text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px var(--tech-bright-cyan),0 0 20px var(--tech-cyan),0 0 30px var(--tech-bright-cyan);filter:drop-shadow(0 0 8px var(--tech-bright-cyan));perspective:1000px;transform-style:preserve-3d}.tech-values-all{display:flex;align-items:center;gap:15px;flex-wrap:wrap;justify-content:center}.tech-value{font-size:1.1rem;font-weight:600;color:var(--tech-bright-cyan);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 8px var(--tech-bright-cyan),0 0 16px var(--tech-cyan);filter:drop-shadow(0 0 6px var(--tech-bright-cyan));animation:pulse-glow 2s ease-in-out infinite alternate}.tech-separator{color:var(--tech-cyan);font-size:1.2rem;font-weight:300;opacity:.7}@keyframes pulse-glow{0%{text-shadow:0 0 8px var(--tech-bright-cyan),0 0 16px var(--tech-cyan)}to{text-shadow:0 0 12px var(--tech-bright-cyan),0 0 24px var(--tech-cyan),0 0 36px var(--tech-bright-cyan)}}.loading-bar-container{margin-top:40px;width:300px}.loading-bar{width:100%;height:3px;background:#ffffff1a;border-radius:10px;overflow:hidden;position:relative}.loading-bar.scanline{position:relative;overflow:hidden}.loading-bar.scanline:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(0,255,247,.06) 0px,rgba(0,255,247,.06) 2px,transparent 2px,transparent 4px);pointer-events:none;z-index:2;animation:scanline-move 1.2s linear infinite}.loading-progress{height:100%;background:linear-gradient(90deg,var(--tech-bright-cyan) 0%,var(--tech-cyan) 50%,var(--tech-bright-cyan) 100%);border-radius:10px;box-shadow:none;position:relative}.loading-progress.glitch{position:relative;z-index:1;animation:glitch-bar .7s linear infinite alternate}.loading-progress:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes scanline-move{0%{background-position-y:0}to{background-position-y:8px}}@keyframes glitch-bar{0%{filter:none}20%{filter:contrast(2) brightness(1.2) drop-shadow(0 0 8px #00fff7)}40%{filter:none}60%{filter:contrast(2) brightness(1.2) drop-shadow(0 0 8px #ffbb54)}to{filter:none}}.explosion-particle{position:absolute;top:50%;left:50%;width:4px;height:4px;background:linear-gradient(45deg,var(--tech-bright-cyan),#fff);border-radius:50%;pointer-events:none;box-shadow:0 0 10px var(--tech-bright-cyan),0 0 20px var(--tech-cyan)}.final-flash{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,rgba(0,255,247,.8) 0%,rgba(0,255,247,.4) 30%,rgba(255,187,84,.3) 60%,transparent 100%);pointer-events:none;z-index:9998;backdrop-filter:blur(2px) brightness(1.5)}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-18px)}to{transform:translateY(0)}}.logo-container{animation:floating 2.2s ease-in-out infinite}@keyframes rotateHue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.particle.neon{animation:floating 3.5s ease-in-out infinite alternate}.loading-text{animation:floating 2.8s ease-in-out infinite alternate}@media (max-width: 768px){.loading-text h1{font-size:2.5rem}.loading-text p{font-size:1rem}.loading-bar-container{width:250px}.logo-text{width:70px;height:70px;font-size:20px}.logo-glow{width:100px;height:100px}}@media (max-width: 480px){.loading-text h1{font-size:2rem}.loading-bar-container{width:200px}}main{margin:10px 8px 90px;min-width:259px;min-height:calc(100vh - 90px)}@media (max-width: 320px){main{margin:5px 2px 85px;min-width:280px}}.main-content{position:relative;width:100%;max-width:1200px;margin:auto;min-height:100%;padding-top:15px}@media (min-width: 768px){main{margin:15px 15px 0 340px}.main-content{margin:0;padding-top:20px;width:100%}}@media (min-width: 1024px){main{margin:20px 20px 20px 370px;max-width:calc(100% - 370px)}}@media (min-width: 1250px){main{margin:15px 15px 15px 370px}}.back-to-top{position:fixed;bottom:100px;right:20px;width:50px;height:50px;background:var(--border-gradient-onyx);color:var(--tech-bright-cyan);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-1);box-shadow:var(--shadow-3)}.back-to-top:before{content:"";position:absolute;inset:1px;background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;transition:all var(--transition-1)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--bg-gradient-tech-1);transform:translateY(-3px);box-shadow:var(--shadow-4)}.back-to-top:hover:before{background:var(--bg-gradient-tech-2)}.back-to-top ion-icon{font-size:20px;--ionicon-stroke-width: 50px}@media (max-width: 768px){.back-to-top{bottom:110px;right:15px;width:45px;height:45px}.back-to-top ion-icon{font-size:18px}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--smoky-black)}.error-content{max-width:600px;text-align:center;background:var(--bg-gradient-jet);padding:60px 40px;border-radius:20px;border:1px solid var(--jet);box-shadow:var(--shadow-5)}.error-icon{width:100px;height:100px;margin:0 auto 30px;background:var(--border-gradient-onyx);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.error-icon:before{content:"";position:absolute;inset:1px;background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1}.error-icon ion-icon{font-size:48px;color:var(--tech-bright-cyan)}.error-title{color:var(--white-2);font-size:var(--fs-1);font-weight:var(--fw-600);margin-bottom:20px;line-height:1.2}.error-message{color:var(--light-gray);font-size:var(--fs-4);font-weight:var(--fw-300);line-height:1.6;margin-bottom:40px}.error-details{text-align:left;margin-bottom:40px;background:var(--eerie-black-1);border-radius:12px;border:1px solid var(--jet)}.error-details summary{color:var(--tech-bright-cyan);font-weight:var(--fw-500);padding:15px 20px;cursor:pointer;border-radius:12px;transition:all var(--transition-1)}.error-details summary:hover{background:var(--eerie-black-2)}.error-stack{color:var(--light-gray-70);font-family:Courier New,monospace;font-size:12px;line-height:1.4;padding:20px;margin:0;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.error-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.error-btn{display:flex;align-items:center;gap:8px;padding:15px 25px;border-radius:12px;font-size:var(--fs-6);font-weight:var(--fw-500);transition:all var(--transition-1);cursor:pointer;border:none;position:relative;z-index:1}.error-btn.primary{background:var(--bg-gradient-tech-1);color:var(--smoky-black)}.error-btn.primary:before{content:"";position:absolute;inset:1px;background:var(--bg-gradient-tech-2);border-radius:inherit;z-index:-1}.error-btn.secondary{background:var(--border-gradient-onyx);color:var(--tech-bright-cyan)}.error-btn.secondary:before{content:"";position:absolute;inset:1px;background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1}.error-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-3)}.error-btn ion-icon{font-size:18px}@media (max-width: 768px){.error-content{padding:40px 20px}.error-title{font-size:var(--fs-2)}.error-actions{flex-direction:column;align-items:center}.error-btn{width:100%;max-width:200px}}