@import"https://fonts.googleapis.com/css2?family=Anton&family=Hubot+Sans:ital,wght@0,200..900;1,200..900&family=Jersey+15&family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Hubot+Sans:ital,wght@0,200..900;1,200..900&display=swap";.homePage{width:90%;margin:auto}.heroSection{height:80vh;margin-top:20px;width:100%;display:flex;gap:10px;align-items:center;justify-content:center}.heroSection .left,.heroSection .right{width:50%;height:100%}.heroSection .left{display:flex;align-items:start;justify-content:center;flex-direction:column}.heroSection .left .heroBadge{background-color:transparent;color:var(--nav-top-bg);border:1px solid var(--color-primary);padding:5px 20px;border-radius:50px;font-size:14px;font-family:Hubot Sans,sans-serif;font-weight:500;margin-bottom:20px}.heroSection .left h1{margin-top:10px;font-size:5rem;color:var(--nav-top-bg);font-family:Bricolage Grotesque,sans-serif;font-weight:900}.heroSection .left .IamSpan{color:var(--color-secondary)}.heroSection .left h2{color:var(--color-primary);font-size:3rem;font-family:Bricolage Grotesque,sans-serif;margin-bottom:20px}.heroSection .left p{font-size:1.3em;font-family:Hubot Sans,sans-serif}.heroSection .left .stats{display:flex;justify-content:space-between;width:100%;margin-top:30px}.heroSection .left .stats .stat{display:flex;flex-direction:column;background-color:var(--nav-top-color);padding:10px;border:1px solid var(--color-border);border-radius:10px}.heroSection .left .stats .stat h3{font-size:2rem;font-weight:700;color:var(--nav-top-bg)}.heroSection .left .stats .stat p{font-size:1.1rem;color:var(--color-text-body)}.heroSection .right{overflow:hidden;display:flex;align-items:center;flex-direction:column;height:100%;padding:20px 40px}.heroSection .right img{width:100%;height:auto;border-bottom:0px solid var(--nav-top-bg)}.heroSection .right .heroBtns{width:90%;margin:auto;display:flex;justify-content:center;align-items:center;gap:20px}.heroSection .right .heroBtns .primaryBtn{background-color:var(--color-primary);color:var(--nav-top-color);border:none;padding:10px 20px;text-align:center;width:100%;border-radius:10px;font-size:1rem;cursor:pointer;text-decoration:none;font-family:Hubot Sans,sans-serif;font-weight:600}.heroSection .right .heroBtns .secondaryBtn{background-color:transparent;color:var(--color-primary);text-decoration:none;text-align:center;border:2px solid var(--color-primary);width:100%;padding:10px 20px;border-radius:10px;font-size:1rem;cursor:pointer;font-family:Hubot Sans,sans-serif;font-weight:600}@media(max-width:700px){.homePage{width:100%;overflow:hidden}.heroSection{flex-wrap:wrap;padding:20px;height:auto;margin-top:120px}.heroSection .left,.heroSection .right{width:100%;text-align:center;align-items:center}}@media(max-width:500px){.heroSection .left h1{font-size:3.5rem}.heroSection .left h2{font-size:2rem}.heroSection .left .stats{flex-direction:column;gap:20px}.heroSection .right{padding:10px 0}.heroSection .right img{width:100%}.heroSection .right .heroBtns{flex-direction:column;gap:5px;margin-top:10px;width:100%}}.techStackSection{width:100%;padding:80px 0;position:relative;overflow:hidden;font-family:Poppins,sans-serif}.techStackSection:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;border-radius:50%;pointer-events:none}.techStackSection:after{content:"";position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;border-radius:50%;pointer-events:none}.techStackSection{width:100%;padding:80px 0;position:relative;overflow:hidden}.techStackContainer{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.techStackTitle{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:12px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInDown .8s ease-out}.techStackSubtitle{text-align:center;font-size:1.1rem;color:var(--color-text-body);margin-bottom:60px;animation:fadeInUp .8s ease-out .2s both}.techTabs{display:flex;gap:12px;margin-bottom:50px;justify-content:center;animation:fadeIn .8s ease-out .3s both;overflow-x:auto;padding:10px;scroll-behavior:smooth;flex-wrap:wrap}.techTab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;color:var(--color-text-body);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:.95rem;font-family:Poppins,sans-serif;font-weight:600;white-space:nowrap}.techTab:hover{border-color:var(--tab-color, var(--color-primary));background:#8e44ff14}.techTab.active{background:var(--tab-color);border-color:var(--tab-color);color:var(--color-text-headings);box-shadow:0 0 15px #8e44ff4d}.techCount{background:#0000001a;padding:2px 8px;border-radius:6px;font-size:.85rem;font-weight:700}.techTab.active .techCount{background:#0003}.techTabContent{animation:slideIn .5s cubic-bezier(.4,0,.2,1)}.categoryTitle{font-size:2.2rem;font-weight:700;text-align:center;color:var(--color-text-heading);margin-bottom:8px}.categoryDescription{text-align:center;color:var(--color-text-body);margin-bottom:40px;font-size:1rem}.techGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;animation:fadeIn .6s ease-out}.techCard{background:var(--color-surface);border:2px solid var(--color-border);border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:14px}.techCard:hover{border-color:var(--color-primary);background:#8e44ff0d;transform:translateY(-8px);box-shadow:0 16px 32px #8e44ff26}.techCardIcon{width:56px;height:56px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.techCard:hover .techCardIcon{transform:scale(1.1) rotate(-5deg);box-shadow:0 8px 16px #8e44ff4d}.techCardName{font-size:1rem;font-weight:700;color:var(--color-text-heading)}.techsList,.techItem,.techContent{display:none}.techName{font-weight:600;color:var(--color-text-heading);font-size:1rem}.techLevel{font-size:.75rem;padding:6px 12px;background:var(--color-primary);color:var(--color-text-dark);border-radius:6px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.skillBar{width:100%;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden;margin:8px 0}.skillFill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1)}.techCard:hover .skillFill{box-shadow:0 0 12px #8e44ff80}.skillPercentage{font-size:.85rem;font-weight:700;color:var(--color-primary)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.techTabs{gap:8px;margin-bottom:30px;padding:8px}.techTab{padding:10px 14px;font-size:.85rem;gap:6px}.categoryTitle{font-size:1.8rem}.categoryDescription{font-size:.95rem;margin-bottom:30px}.techGrid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.techCard{padding:20px 16px;gap:10px}.techCardIcon{width:48px;height:48px}.techCardName{font-size:.9rem}.skillPercentage{font-size:.8rem}}@media(max-width:480px){.techStackSection{padding:60px 0}.techTabs{gap:6px;margin-bottom:20px}.techTab{padding:8px 12px;font-size:.75rem;gap:4px}.techCount{font-size:.7rem;padding:1px 4px}.techStackTitle,.categoryTitle{font-size:1.4rem}.categoryDescription{font-size:.85rem;margin-bottom:20px}.techGrid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.techCard{padding:16px 12px;gap:8px}.techCardIcon{width:40px;height:40px}.techCardName{font-size:.8rem}.skillBar{height:4px;margin:6px 0}.skillPercentage{font-size:.75rem}}.instaReelSection{width:100%;padding:80px 0;position:relative;overflow:hidden}.instaContainer{max-width:100%;margin:0 auto;padding:0 20px;position:relative;z-index:1}.featuredProjectSection{width:100%;padding:80px 0}.featuredContainer{max-width:1200px;margin:0 auto;padding:0 20px}.featuredInner{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.featuredMedia{position:relative;border-radius:16px;overflow:hidden;border:2px solid var(--color-border)}.featuredImage{width:100%;height:auto;display:block;object-fit:cover}.featuredOverlay{position:absolute;left:12px;bottom:12px;display:flex;gap:12px}.featuredAction{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:#0009;color:#fff;border-radius:8px;text-decoration:none;font-weight:700}.featuredAction.ghost{background:#ffffff1f;color:var(--color-text-heading)}.featuredContent{padding:6px}.featuredBadge{display:inline-block;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));color:#fff;padding:6px 12px;border-radius:999px;font-weight:800;margin-bottom:12px}.featuredTitle{font-size:2rem;margin:6px 0 12px;color:var(--color-text-heading)}.featuredDesc{color:var(--color-text-body);line-height:1.6;margin-bottom:18px}.featuredTechs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.techChip{background:#0000000f;padding:8px 12px;border-radius:999px;font-weight:700;color:var(--color-text-heading);border:1px solid var(--color-border)}.featuredCTAs{display:flex;gap:12px;align-items:center;margin-bottom:18px}.btn{display:inline-flex;gap:8px;align-items:center;padding:10px 16px;border-radius:10px;text-decoration:none;cursor:pointer}.btn.primary{background:var(--color-primary);color:#fff;font-weight:800}.btn.outline{background:transparent;border:2px solid var(--color-border);color:var(--color-text-heading);font-weight:700}.btn.subtle{background:transparent;color:var(--color-text-body);border:none}.featuredFooter{margin-top:18px;color:var(--color-text-body);font-weight:700}.fpModal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:90}.fpModalBackdrop{position:absolute;inset:0;background:#00000080}.fpModalContent{position:relative;z-index:91;max-width:720px;width:calc(100% - 40px);background:var(--color-surface);padding:28px;border-radius:12px;border:1px solid var(--color-border)}.fpClose{position:absolute;right:12px;top:12px;background:transparent;border:none;cursor:pointer}.caseStudyText{color:var(--color-text-body);line-height:1.6;margin-top:12px}.modalActions{display:flex;gap:12px;margin-top:16px}@media(max-width:900px){.featuredInner{grid-template-columns:1fr}.featuredOverlay{left:8px;bottom:8px}}.instaHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:60px;padding-bottom:30px;border-bottom:2px solid var(--color-border);animation:fadeInDown .8s ease-out}.instaHeaderContent{display:flex;align-items:center;gap:20px}.instaIcon{color:var(--color-primary);min-width:40px}.instaTitle{font-size:2.2rem;font-weight:800;color:var(--color-text-heading);margin:0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-fclip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.instaSubtitle{font-size:.95rem;color:var(--color-text-body);margin:8px 0 0}.instaLink{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-primary);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem}.instaLink:hover{transform:translateY(-2px);box-shadow:0 12px 24px #8e44ff4d}.instaGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:60px;animation:fadeIn .8s ease-out .2s both}.instaReelCard{position:relative;border-radius:16px;overflow:hidden;background:var(--color-surface);border:2px solid var(--color-border);transition:all .4s cubic-bezier(.4,0,.2,1);min-height:600px}.instaReelCard:hover{border-color:var(--color-primary);transform:translateY(-8px);box-shadow:0 20px 40px #8e44ff33}.instaEmbedWrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg);overflow:hidden}.instaEmbedWrapper iframe{width:100%;height:100%;border:none}.instagram-media{background:#fff;border:0;border-radius:3px;box-shadow:0 0 1px #00000080,0 1px 10px #00000026;margin:1px;max-width:100%;min-width:326px;padding:0;width:calc(100% - 2px)}.instaOverlay{position:absolute;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.instaReelCard:hover .instaOverlay{background:#00000080;opacity:1;pointer-events:auto}.instaViewBtn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--color-primary);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;cursor:pointer}.instaViewBtn:hover{background:var(--color-secondary);transform:scale(1.05)}.instaCTA{text-align:center;padding:50px 40px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:20px;color:#fff;animation:slideIn .8s ease-out .4s both}.instaCTA h3{font-size:2rem;font-weight:700;margin:0 0 12px}.instaCTA p{font-size:1rem;margin:0 0 24px;opacity:.95}.instaCTABtn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:#fff3;border:2px solid #fff;color:#fff;text-decoration:none;border-radius:10px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.instaCTABtn:hover{background:#fff;color:var(--color-primary);transform:translateY(-2px);box-shadow:0 12px 24px #0003}@media(max-width:768px){.instaReelSection{padding:60px 0}.instaHeader{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:40px}.instaTitle{font-size:1.8rem}.instaGrid{grid-template-columns:1fr;gap:16px;margin-bottom:40px}.instaReelCard{min-height:500px}.instaCTA{padding:40px 24px}.instaCTA h3{font-size:1.5rem}.instaCTA p{font-size:.9rem}}@media(max-width:480px){.instaReelSection{padding:40px 0}.instaHeaderContent{gap:12px}.instaIcon{min-width:32px}.instaTitle{font-size:1.4rem}.instaSubtitle{font-size:.85rem}.instaLink{padding:10px 16px;font-size:.85rem}.instaGrid{gap:12px;margin-bottom:24px}.instaReelCard{min-height:400px}.instaCTA{padding:30px 16px;border-radius:12px}.instaCTA h3{font-size:1.2rem}.instaCTA p{font-size:.8rem;margin-bottom:16px}.instaCTABtn{padding:12px 24px;font-size:.9rem}.instaHeader{flex-direction:column;align-items:center;gap:20px;margin-bottom:40px}}.servicesSection{width:100%;padding:80px 0;background:transparent}.servicesContainer{margin:0 auto;padding:0 20px}.servicesTitle{font-size:2rem;font-weight:800;text-align:center;margin-bottom:6px;color:var(--color-text-heading)}.servicesSubtitle{text-align:center;color:var(--color-text-body);margin-bottom:40px}.servicesGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.serviceCard{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;padding:20px;transition:transform .25s ease,box-shadow .25s ease}.serviceCard:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.serviceIcon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;margin-bottom:12px}.serviceName{font-size:1.05rem;font-weight:700;margin:6px 0}.serviceShort{color:var(--color-primary);font-weight:600;margin-bottom:10px}.serviceDesc{color:var(--color-text-body);font-size:.95rem;margin-bottom:12px}.serviceHighlights{list-style:none;display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:0}.serviceHighlights li{background:#0000000a;padding:6px 10px;border-radius:8px;font-weight:600;font-size:.85rem}@media(max-width:600px){.servicesGrid{grid-template-columns:1fr;gap:16px}}.servicesPage{width:100%}.servicesHero{padding:80px 40px 0;text-align:center}.servicesHeroContent{max-width:900px;margin:0 auto}.servicesHeroTitle{font-size:4rem;font-family:Anton,sans-serif;line-height:4.4rem;letter-spacing:0px;font-weight:400;margin-bottom:10px;color:var(--color-primary)}.servicesHeroTitle span{color:var(--nav-top-bg)}.servicesHeroSubtitle{font-size:1.5rem;font-weight:700;display:none;margin:0 0 16px}.servicesHeroDesc{font-size:1.2rem;font-family:Hubot Sans,sans-serif;color:var(--color-text-body);line-height:1.6;margin:0}.servicesContent{padding:80px 40px}.servicesContainer{max-width:1400px;margin:0 auto}.categoryFilter{margin-bottom:60px;text-align:center;font-family:Poppins,sans-serif}.filterTitle{font-size:1.5rem;font-weight:800;margin:0 0 20px;color:var(--color-text-heading)}.categoryButtons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.categoryBtn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:50px;color:var(--color-text-body);font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;font-family:Poppins,sans-serif}.categoryBtn:hover{border-color:var(--color-primary);background:#8e44ff0d;color:var(--color-primary)}.categoryBtn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 8px 20px #8e44ff4d}.categoryBtn .count{background:#0000001a;padding:2px 8px;font-family:Poppins,sans-serif;border-radius:12px;font-size:.85rem}.categoryBtn.active .count{background:#0003}.servicesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;margin-bottom:60px}.serviceCard{background:var(--color-surface);border:2px solid var(--color-border);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%}.serviceCard:hover{border-color:var(--color-primary);box-shadow:0 24px 48px #8e44ff26;transform:translateY(-8px)}.serviceCardHeader{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 0}.serviceIcon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;flex-shrink:0}.serviceCategoryBadge{display:inline-block;background:#8e44ff26;color:var(--color-primary);padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:capitalize}.serviceCardContent{padding:20px 24px;display:flex;flex-direction:column;gap:12px;flex:1}.serviceTitle{font-size:1.2rem;font-weight:800;margin:0;color:var(--color-text-heading)}.serviceText{font-size:.95rem;color:var(--color-text-body);margin:0;line-height:1.5}.serviceDesc{font-size:.9rem;color:var(--color-text-body);margin:0;opacity:.85;line-height:1.5}.serviceFeatures{display:flex;flex-direction:column;gap:8px;margin-top:8px}.featureItem{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--color-text-body)}.featureItem svg{color:var(--color-primary);flex-shrink:0}.servicePrice{display:flex;align-items:baseline;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.priceLabel{font-size:.85rem;color:var(--color-text-body);opacity:.7}.priceValue{font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.serviceBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;margin-top:12px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border:none;border-radius:8px;font-weight:500;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s ease;font-size:.95rem}.serviceBtn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #8e44ff4d}.noServices{text-align:center;padding:60px 20px;color:var(--color-text-body);font-size:1.1rem}.servicesCTA{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);padding:80px 40px;text-align:center}.servicesCtaContent{max-width:700px;margin:0 auto}.servicesCtaContent h2{font-size:2.5rem;font-weight:900;margin:0 0 16px;color:#fff}.servicesCtaContent p{font-size:1.1rem;color:#ffffffe6;margin:0 0 32px;line-height:1.6}.ctaButton{display:inline-flex;align-items:center;gap:12px;padding:14px 32px;background:#fff;color:var(--color-primary);text-decoration:none;border-radius:10px;font-weight:700;transition:all .3s ease;border:2px solid #fff}.ctaButton:hover{background:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 12px 24px #0003}@media(max-width:1024px){.servicesGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}}@media(max-width:768px){.servicesHero{padding:60px 20px}.servicesHeroTitle{margin-top:50px;font-size:2.5rem;line-height:50px}.servicesHeroSubtitle{font-size:1.2rem}.servicesHeroDesc{font-size:1rem}.servicesContent{padding:60px 20px}.categoryButtons{justify-content:center;gap:10px}.categoryBtn{padding:10px 16px;font-size:.9rem}.servicesGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.serviceTitle{font-size:1.1rem}.servicesCTA{padding:60px 20px}.servicesCtaContent h2{font-size:2rem}}@media(max-width:480px){.servicesHero{max-width:100%;padding:60px 5px}.servicesHeroTitle{font-size:2.5rem}.servicesContent{padding:40px 1px}.servicesHeroSubtitle{font-size:1rem}.filterTitle{font-size:1.2rem}.categoryButtons{gap:8px}.categoryBtn{padding:8px 12px;font-size:.85rem}.servicesGrid{grid-template-columns:1fr;gap:20px}.serviceCardContent{padding:0}.serviceTitle{font-size:1rem}.serviceText{font-size:.9rem}.serviceFeatures{gap:6px}.featureItem{font-size:.85rem}.servicesCtaContent h2{font-size:1.5rem}.servicesCtaContent p{font-size:1rem}.ctaButton{width:100%;justify-content:center}}.modalOverlay{width:100vw;height:100vh;background-color:#13131580;position:fixed;top:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:30px}.modalContent{background-color:#fff;padding:30px 25px;border-radius:16px;width:100%;max-width:640px;position:relative;max-height:90vh;overflow-y:auto;animation:fadeInScale .3s ease-in-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modalContent .header{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-top:30px}.modalContent .header .left h2{font-size:2rem;color:#131315;margin-bottom:5px}.modalContent .header .left p{font-size:1em;color:#555}.modalClose{position:absolute;font-family:Poppins,sans-serif;right:18px;top:18px;z-index:100;background:red;border-radius:8px;color:#fff;padding:1px 4px;border:none}.modalClose:hover{background:#f20000}.modalForm{display:flex;flex-direction:column;gap:15px;margin-top:30px}.modalForm input,.modalForm select,.modalForm textarea{padding:12px 16px;border:1px solid #ddd;resize:none;border-radius:8px;background-color:#f9f9f9;font-family:Hubot Sans,sans-serif;font-size:1em;transition:border-color .3s ease,background-color .3s ease}.modalForm input:focus,.modalForm select:focus,.modalForm textarea:focus{border-color:var(--color-primary, #007bff);background-color:#fff;outline:none}.flexBox{display:flex;align-items:center;gap:10px}.flexBox select,.flexBox input{width:100%}.phoneRow{display:flex;gap:10px;justify-content:space-between}.phoneRow input{width:100%}.phoneRow select{max-width:30%}.checkbox{display:flex;align-items:center;gap:8px;font-size:1em;color:#444}.checkbox input{cursor:pointer}.checkbox a{color:var(--color-primary, #007bff);text-decoration:underline}.checkbox a:hover{text-decoration:none}.submitBtn{background-color:var(--color-primary, #222);color:#fff;padding:12px 20px;font-family:Hubot Sans,sans-serif;font-size:1em;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.submitBtn:hover{background-color:#000;transform:translateY(-2px)}.submitBtn:active{transform:translateY(0)}@media(max-width:480px){.modalOverlay::-webkit-scrollbar{display:none}.modalOverlay{text-align:center;gap:0px;justify-items:center;padding:0}.modalContent::-webkit-scrollbar{display:none}.modalContent{margin:0;max-width:100%;width:95%;max-height:100%;border-radius:0;padding:20px 15px}.modalContent .header{flex-direction:column;align-items:flex-start;gap:15px}.modalContent .header .right button i{font-size:1.5rem}}.portfolioPage{overflow-x:hidden}.portfolioHero{padding:80px 20px;text-align:center}.portfolioTitle{font-size:4rem;font-family:Anton,sans-serif;line-height:4.4rem;letter-spacing:0px;font-weight:400;margin-bottom:10px;color:var(--color-primary)}.portfolioTitle span{color:var(--nav-top-bg)}.portfolioSubtitle{font-family:Hubot Sans,sans-serif;max-width:900px;font-size:1.2rem;margin:auto}.portfolioControls{padding:24px 20px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.controlsInner{max-width:1200px;margin:0 auto;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.filters{display:flex;gap:8px;flex-wrap:wrap}.filterBtn{padding:8px 12px;border-radius:999px;border:1px solid var(--color-border);font-family:Poppins,sans-serif;background:var(--color-surface);color:var(--color-text-body);font-weight:500;cursor:pointer}.filterBtn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.searchWrap{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface);width:35%}.searchWrap input{border:none;outline:none;background:transparent;color:var(--color-text-body);font-family:Poppins,sans-serif;width:100%}.portfolioGrid{padding:40px 20px}.gridInner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.projectCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.projectCard:hover{transform:translateY(-6px);box-shadow:0 18px 40px #00000014}.projectImage{height:200px;overflow:hidden}.projectImage img{width:100%;height:100%;object-fit:cover;display:block}.projectInfo{padding:16px;display:flex;flex-direction:column;gap:8px}.projectInfo h3{margin:0;font-size:1.05rem;color:var(--color-text-heading)}.projectCat{font-size:.8rem;color:var(--color-primary);font-weight:700;text-transform:capitalize}.projectDesc{color:var(--color-text-body);margin:0;font-size:.92rem;line-height:1.4}.techList{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.techBadge{background:#0000000a;padding:6px 8px;border-radius:8px;font-weight:700;font-size:.78rem}.noProjects{text-align:center;padding:60px 0;color:var(--color-text-body)}.projectModal{position:fixed!important;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modalCard{width:min(1100px,96%);height:auto;background:var(--navbar-bg);border-radius:12px;overflow:hidden;box-shadow:0 30px 80px #0006}.modalBody{display:flex;gap:20px;padding:24px;background-color:var(--navbar-bg);align-items:flex-start}.modalImage{flex:1 1 40%;max-height:480px;overflow:hidden;border-radius:8px}.modalImage img{width:100%;height:100%;object-fit:cover}.modalContent{flex:1 1 60%;display:flex;flex-direction:column;gap:12px}.modalContent h2{margin:0;font-size:1.5rem;color:var(--color-text-heading)}.modalLong{color:var(--color-text-body);line-height:1.6}.modalMeta{margin-top:12px;display:flex;flex-direction:column;gap:8px}.metaRow{display:flex;gap:12px;align-items:center}.modalActions{margin-top:14px}.liveBtn{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;background:var(--color-primary);color:#fff;border-radius:8px;text-decoration:none}.projectModal .modalContent{background-color:var(--navbar-bg)}@media(max-width:480px){.projectModal .modalContent{margin:0;max-width:100%;width:100%;max-height:100%;height:auto;border-radius:10px;padding:20px 15px;gap:0px}.projectModal .modalContent{flex:none}.modalContent .modalActions a{width:100%;justify-content:center}}@media(max-width:768px){.modalBody{flex-direction:column;height:90vh;overflow:auto}.modalImage{max-height:300px;width:100%}}.portfolioHero{position:relative;overflow:visible}.portfolioHero:before{width:360px;height:360px;left:-10%;top:-30px;background:linear-gradient(180deg,var(--color-primary),transparent)}.portfolioHero:after{width:260px;height:260px;right:-6%;top:10%;background:linear-gradient(180deg,var(--color-secondary),transparent)}.projectImage{position:relative}.projectImage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 40%,#0000002e);transition:opacity .25s ease}.projectCard:hover .projectImage:after{background:linear-gradient(180deg,#0000 20%,#00000047)}.projectInfo{transform-origin:center;transition:transform .28s cubic-bezier(.2,.9,.2,1)}.projectCard:hover .projectInfo{transform:translateY(-6px)}.projectInfo h3{display:flex;align-items:center;gap:8px}.techBadge{background:#0000000f;color:var(--color-text-heading);padding:6px 10px;border-radius:999px;font-weight:600}.projectModal{animation:fadeIn .18s ease both;position:relative}.modalCard{transform:translateY(12px);opacity:0;background-color:#fff;animation:popIn .24s cubic-bezier(.2,.9,.2,1) both}.modalContent .header .right button{background:none;border:none;cursor:pointer;background-color:red;color:#fff!important;padding:0 5px;border-radius:5px;position:absolute!important;top:20px;right:30px;transition:transform .2s ease}.modalContent .header .right button:hover{transform:scale(1.1);color:#d30000}.modalContent .header .right button{font-size:1.8rem;color:#999;transition:color .3s ease,transform .3s ease}.modalBody{padding:28px}.modalImage{border-radius:10px;overflow:hidden;box-shadow:0 12px 40px #0000002e}.liveBtn{box-shadow:0 10px 30px #8e44ff2e}@keyframes popIn{0%{transform:translateY(12px) scale(.995);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.filterBtn:focus,.filterBtn:hover{outline:none;box-shadow:0 6px 20px #8e44ff1f}.filterBtn.active:focus{box-shadow:0 12px 36px #8e44ff33}@media(max-width:600px){.controlsInner{flex-direction:column;gap:16px;align-items:stretch}.searchWrap{width:100%}}.projectPage .portfolioHero{padding-bottom:28px}.projectDetailCard{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;box-shadow:0 16px 40px #0000000f}.projectDetailCard .projectImage{width:100%;height:100%;max-height:520px;overflow:hidden}.projectDetailCard .projectImage img{width:100%;height:100%;object-fit:cover;display:block}.projectDetailCard>div:last-child{padding:28px}.projectPage .projectDesc{font-size:1rem;color:var(--color-text-body);line-height:1.7}.projectPage .metaRow{display:flex;gap:12px;align-items:center;color:var(--color-text-body);margin-top:8px}.projectPage .metaRow strong{color:var(--color-text-heading);margin-right:6px}.projectPage .liveBtn{margin-right:12px}.projectPage .filterBtn{padding:8px 12px;border-radius:8px}@media(max-width:900px){.projectDetailCard{grid-template-columns:1fr}.projectDetailCard .projectImage{max-height:360px}.projectDetailCard>div:last-child{padding:20px}}@media(max-width:720px){.portfolioPage{margin-top:40px}.portfolioTitle{font-size:2.8rem;margin-top:50px;line-height:46px}.projectPage .portfolioSubtitle{font-size:.95rem}.projectDetailCard>div:last-child{padding:16px}}.aboutPage{width:90%;margin:auto;overflow:hidden}.journeySection{display:block;padding:100px 40px}.journeyContainer{max-width:1200px;margin:0 auto}.journeyHeader{text-align:center;margin-bottom:80px}.journeyHeader h2{font-size:3rem;margin-bottom:15px;color:var(--color-text-heading);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.journeyHeader p{font-size:1.1rem;color:var(--color-text-body);max-width:600px;margin:0 auto}.journeyTimeline{position:relative;max-width:800px;margin:0 auto}.journeyTimeline:before{content:"";position:absolute;left:50%;top:50%;height:100%;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-primary),var(--color-secondary));transform:translate(-50%,-50%)}.journeyItem{margin-bottom:60px;position:relative}.journeyItem:nth-child(2n) .journeyCard{margin-left:auto;margin-right:-10px;text-align:right}.journeyItem:nth-child(odd) .journeyCard{margin-left:-10px;margin-right:auto;text-align:left}.journeyCard{background:var(--navbar-bg);border:1px solid var(--color-border);border-radius:16px;padding:30px;max-width:400px;box-shadow:0 8px 32px #0000001a;transition:all .3s ease;position:relative}.journeyCard:hover{border-color:var(--color-primary);box-shadow:0 12px 48px #8e44ff26;transform:translateY(-5px)}.journeyDot{position:absolute;top:50%;left:50%;width:16px;height:16px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;transform:translate(-50%,-50%);border:3px solid var(--navbar-bg);z-index:2}.journeyItem:nth-child(2n) .journeyDot{left:-10px;right:auto}.journeyItem:nth-child(odd) .journeyDot{right:-28px;left:auto}.journeyMeta h3{font-size:1.5rem;margin-bottom:5px;color:var(--color-text-heading)}.journeyRole{display:block;font-size:1rem;color:var(--color-primary);font-weight:600;margin-bottom:5px}.journeyDates{display:block;font-size:.9rem;color:var(--color-text-body);margin-bottom:15px;opacity:.8}.journeyDesc{font-size:1rem;color:var(--color-text-body);line-height:1.6;margin-bottom:15px}.journeyAchievements{font-size:.95rem;color:var(--color-text-body);line-height:1.5}.journeyAchievements strong{color:var(--color-primary);font-weight:600}@media(max-width:1024px){.journeyTimeline:before{left:30px}.journeyItem:nth-child(2n) .journeyCard,.journeyItem:nth-child(odd) .journeyCard{margin-left:80px;margin-right:0;text-align:left;max-width:500px}.journeyItem:nth-child(2n) .journeyDot,.journeyItem:nth-child(odd) .journeyDot{left:22px;right:auto}}@media(max-width:768px){.journeySection{padding:60px 20px}.journeyHeader h2{font-size:2.2rem}.journeyCard{padding:20px;max-width:none}.journeyItem:nth-child(2n) .journeyCard,.journeyItem:nth-child(odd) .journeyCard{margin-left:60px}.journeyItem:nth-child(2n) .journeyDot,.journeyItem:nth-child(odd) .journeyDot{left:15px}}@media(max-width:480px){.journeyHeader h2{font-size:1.8rem}.aboutPage .aboutTop .left h1 span{font-size:1.2em}.journeyItem:nth-child(2n) .journeyCard,.journeyItem:nth-child(odd) .journeyCard{margin-left:40px;z-index:-1}.journeyItem:nth-child(2n) .journeyDot,.journeyItem:nth-child(odd) .journeyDot{left:-10px}}@media(max-width:768px){.aboutPage .aboutTop .left{width:100%;max-width:100%;padding:0 12px;box-sizing:border-box}.aboutPage .aboutTop .left p{width:100%;max-width:100%}.capsule{max-width:320px;margin:20px auto 0;border-radius:20px}.foundersNote p{max-width:100%;padding:0 12px}.journeyCard{max-width:100%}}@media(max-width:480px){.aboutPage .aboutTop .left{padding:0 10px}.capsule{max-width:260px}.foundersNote p{max-width:100%;padding:0 10px}}.certificationsSection{padding:100px 40px}.certificationsContainer{max-width:1200px;margin:0 auto;text-align:center}.certificationsHeader{margin-bottom:60px}.certificationsHeader h2{font-size:3rem;color:var(--color-text-heading);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px}.certificationsHeader p{font-size:1.1rem;color:var(--color-text-body);margin-bottom:60px}.certificationsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;justify-items:center}.certificationCard{border-radius:16px;max-width:300px;transition:all .3s ease;text-align:center}.certificationCard img{max-width:100%;margin-bottom:15px;border-radius:8px}.certificationCard h3{font-size:1.25rem;color:var(--color-text-heading);margin-bottom:8px}.certDate{font-size:.9rem;color:var(--color-primary);font-weight:600;margin-bottom:12px}.certBrief{font-size:1rem;color:var(--color-text-body);line-height:1.5}@media(max-width:1024px){.certificationsGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}}@media(max-width:480px){.certificationsGrid{grid-template-columns:1fr;gap:20px}.certificationsHeader h2{font-size:2rem}.certificationCard{max-width:100%}}.aboutHero{padding:80px 40px}.aboutHeroContainer{max-width:1000px;margin:0 auto;gap:60px;text-align:center}.aboutHeroContent{text-align:center;margin:auto;width:100%}.aboutHeroTitle{font-size:4rem;font-family:Anton,sans-serif;line-height:4.4rem;letter-spacing:0px;font-weight:400;margin-bottom:10px;color:var(--color-primary)}.aboutHeroTitle span{color:var(--nav-top-bg)}.aboutHeroSubtitle{font-size:1.2rem;color:var(--color-text-body);line-height:1.6;margin:0}.aboutHeroStats{display:flex;gap:40px;margin-top:20px}.heroStat{display:flex;margin:auto;flex-direction:column;gap:8px}.heroStat h3{font-size:2.5rem;font-weight:800;color:var(--color-primary);margin:0}.heroStat p{font-size:.95rem;color:var(--color-text-body);margin:0}.aboutHeroImage{display:flex;align-items:center;justify-content:center;height:400px}.heroImagePlaceholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.heroImagePlaceholder svg{width:100%;height:100%;max-width:350px;max-height:350px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.valuesSection{padding:80px 40px}.valuesContainer{max-width:1100px;margin:0 auto}.valuesTitle{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:12px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.valuesSubtitle{text-align:center;color:var(--color-text-body);margin-bottom:60px;font-size:1.05rem}.valuesGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px}.valueCard{background:var(--color-surface);border:2px solid var(--color-border);border-radius:16px;padding:32px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:16px}.valueCard:hover{transform:translateY(-8px);border-color:var(--color-primary);box-shadow:0 20px 40px #8e44ff1f}.valueIcon{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff}.valueName{font-size:1.2rem;font-weight:700;margin:0;color:var(--color-text-heading)}.valueDesc{font-size:.95rem;color:var(--color-text-body);line-height:1.6;margin:0}@media(max-width:768px){.aboutHero{padding:60px 20px}.aboutHeroContainer{grid-template-columns:1fr;gap:40px}.aboutHeroTitle{font-size:2.5rem;margin-top:50px;line-height:50px}.aboutHeroSubtitle{font-size:1rem}.aboutHeroStats{gap:30px}.aboutHeroImage{height:300px}.valuesSection{padding:60px 20px}.valuesGrid{gap:24px}}@media(max-width:480px){.aboutHeroTitle{font-size:2.5rem;margin-top:50px}.aboutHeroStats{flex-direction:column;gap:0px;justify-content:space-between}.aboutHeroStats>div{border-bottom:1px solid var(--color-border);padding:10px 20px;width:100%;display:flex;align-items:center;flex-direction:row;justify-content:center}.heroStat h3{font-size:2.8rem}.valuesTitle{font-size:1.8rem}.valuesGrid{grid-template-columns:1fr}.valueCard{padding:24px 16px}}.blogPage{width:100%}.blogHero{padding:80px 40px 30px;text-align:center}.blogHeroContent{max-width:800px;margin:0 auto}.blogHeroTitle{font-size:4rem;font-family:Anton,sans-serif;line-height:4.4rem;letter-spacing:0px;font-weight:400;margin-bottom:10px;color:var(--color-primary)}.blogHeroTitle span{color:var(--nav-top-bg)}.blogHeroSubtitle{font-size:1.2rem;color:var(--color-text-body);margin:0;max-width:900px;font-family:Hubot Sans,sans-serif}.blogContent{padding:60px 40px}.blogContainer{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:40px}.blogSidebar{display:flex;flex-direction:column;gap:32px;height:fit-content;position:sticky;top:100px}.searchBox{display:flex;align-items:center;gap:12px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;padding:12px 16px;color:var(--color-text-body)}.searchBox svg{flex-shrink:0}.searchInput{flex:1;background:none;border:none;outline:none;color:var(--color-text-body);font-size:.95rem}.searchInput::placeholder{color:var(--color-text-body);opacity:.6}.categoriesBox,.statsBox{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;padding:20px}.boxTitle{font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;color:var(--color-text-heading)}.categoryTags{display:flex;flex-direction:column;gap:8px}.categoryTag{background:transparent;border:2px solid var(--color-border);border-radius:8px;padding:8px 12px;color:var(--color-text-body);cursor:pointer;transition:all .2s ease;text-align:left;font-size:.9rem;font-weight:600}.categoryTag:hover{border-color:var(--color-primary);background:#8e44ff0d}.categoryTag.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.statItem{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-border);font-size:.9rem}.statItem:last-child{border-bottom:none}.statItem strong{font-size:1.3rem;color:var(--color-primary)}.blogMain{width:100%}.blogGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}.blogCard{background:var(--color-surface);border:2px solid var(--color-border);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.blogCard:hover{border-color:var(--color-primary);box-shadow:0 20px 40px #8e44ff1f;transform:translateY(-8px)}.blogCardImage{position:relative;width:100%;height:200px;overflow:hidden}.blogCardImage img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blogCard:hover .blogCardImage img{transform:scale(1.05)}.categoryBadge{position:absolute;top:12px;right:12px;background:var(--color-primary);color:#fff;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.categoryBadge.blogpageBadge{top:-90px;left:0;right:0;width:fit-content;margin:auto}.categoryBadge.blogpageBadge:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-primary)}.blogCardContent{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}.blogCardTitle{font-size:1.25rem;font-weight:700;margin:0;color:var(--color-text-heading);line-height:1.4}.blogCardExcerpt{font-size:.95rem;color:var(--color-text-body);margin:0;line-height:1.5;flex:1}.blogMeta{display:flex;gap:16px;margin-top:8px;padding-top:12px;border-top:1px solid var(--color-border);flex-wrap:wrap}.metaItem{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--color-text-body)}.authorBio{display:flex;gap:12px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.authorImg{width:40px;height:40px;border-radius:50%;object-fit:cover}.authorBio>div{display:flex;flex-direction:column;gap:2px}.authorName{font-size:.9rem;font-weight:700;margin:0;color:var(--color-text-heading)}.authorRole{font-size:.8rem;margin:0;color:var(--color-text-body)}.readMoreBtn{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;background:var(--color-primary);color:#fff;text-decoration:none;border-radius:8px;font-weight:700;transition:all .2s ease;justify-content:center}.readMoreBtn:hover{background:var(--color-secondary);transform:translate(4px)}.noResults{text-align:center;padding:60px 20px;color:var(--color-text-body);font-size:1.1rem}.readerHero{position:relative;width:90%;margin:10px auto auto;border-radius:10px;height:500px;overflow:hidden}.readerHeroImage{width:100%;height:100%;object-fit:cover}.readerHeroOverlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000004d,#0000);padding:40px;display:flex;align-items:flex-start}.backLink{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .2s ease}.backLink:hover{background:#ffffff4d}.readerContent{padding:60px 40px}.readerContainer{max-width:800px;margin:0 auto}.readerHeader{margin-bottom:40px;padding-bottom:40px;border-bottom:2px solid var(--color-border);position:relative}.readerTitle{font-size:2.8rem;font-weight:900;margin:16px 0 24px;line-height:1.2;color:var(--color-text-heading)}.readerMeta{display:flex;align-items:center;gap:40px;flex-wrap:wrap}.authorSection{display:flex;gap:12px;align-items:center}.metaStats{display:flex;gap:24px;flex:1}.metaStat{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--color-text-body)}.shareBtn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-body);cursor:pointer;font-weight:600;transition:all .2s ease}.shareBtn:hover{border-color:var(--color-primary);color:var(--color-primary)}.readerBody{margin:40px 0;line-height:1.8}.richContent{color:var(--color-text-body);font-size:1rem}.richContent h2{font-size:2rem;font-weight:800;margin:40px 0 20px;color:var(--color-text-heading)}.richContent h3{font-size:1.4rem;font-weight:700;margin:32px 0 16px;color:var(--color-text-heading)}.richContent p{margin:16px 0}.richContent p:first-child{margin-top:0}.readerFooter{padding-top:40px;border-top:2px solid var(--color-border)}.footerAuthor{display:flex;gap:16px;margin-bottom:40px}.footerAuthor h3{font-size:1.1rem;font-weight:700;margin:0}.footerAuthor p{margin:0;color:#fff;filter:brightness(.5);font-size:.95rem}.relatedPosts{margin-bottom:60px}.relatedPosts h3{font-size:1.3rem;font-weight:700;margin-bottom:24px}.relatedGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.relatedCard{display:flex;flex-direction:column;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;overflow:hidden;text-decoration:none;transition:all .2s ease}.relatedCard:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 12px 24px #8e44ff1a}.relatedCard img{width:100%;height:160px;object-fit:cover}.relatedCard h4{font-size:1rem;font-weight:700;margin:12px;color:var(--color-text-heading)}.relatedCard p{font-size:.85rem;color:var(--color-text-body);margin:0 12px 12px}.blogNavigation{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;margin-top:60px;padding-top:40px;border-top:2px solid var(--color-border)}.prevBlog,.nextBlog,.allBlogsBtn{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;text-decoration:none;color:var(--color-text-body);font-weight:600;transition:all .2s ease}.prevBlog:hover,.nextBlog:hover,.allBlogsBtn:hover{border-color:var(--color-primary);color:var(--color-primary)}.prevBlog>div,.nextBlog>div{display:flex;flex-direction:column;gap:4px}.prevBlog span,.nextBlog span{font-size:.8rem;opacity:.7}.prevBlog p,.nextBlog p{margin:0;font-size:.95rem;font-weight:700}.allBlogsBtn{justify-content:center}.blogNotFound{text-align:center;padding:100px 40px}.blogNotFound h1{font-size:2.5rem;font-weight:900;margin-bottom:20px;color:var(--color-text-heading)}@media(max-width:1024px){.blogContainer{grid-template-columns:1fr}.blogSidebar{position:static}.readerTitle{font-size:2.2rem}.readerMeta{gap:20px}.readerHero{margin-top:80px}}@media(max-width:768px){.blogHero{padding:60px 20px}.blogHeroTitle{font-size:2.5rem;line-height:45px;margin-top:50px}.blogContent{padding:40px 20px}.blogGrid{grid-template-columns:1fr}.readerHero{height:300px}.readerContent{padding:40px 20px}.readerTitle{font-size:1.8rem}.readerMeta{flex-direction:column;gap:20px}.metaStats{width:100%;flex:none}.richContent h2{font-size:1.6rem}.richContent h3{font-size:1.2rem}.blogNavigation{grid-template-columns:1fr}.nextBlog{flex-direction:row-reverse}}@media(max-width:480px){.blogHeroTitle{font-size:2.5rem}.searchBox,.categoriesBox,.statsBox{font-size:.9rem}.categoryTag{padding:6px 10px;font-size:.85rem}.blogCardTitle{font-size:1.1rem}.metaStats{align-items:center;justify-content:center}.blogCardExcerpt{font-size:.9rem}.readerContent{padding:24px 16px}.readerTitle{font-size:1.8rem;text-align:center;display:block}.authorSection{flex-direction:column;align-items:center;text-align:center}.richContent{padding:0 20px}.categoryBadge.blogpageBadge{top:-55px}.statsBox{display:none}}.contactSec{display:flex;padding:100px 30px 0;flex-wrap:wrap;align-items:center;margin-bottom:80px;justify-content:space-around;gap:15px}.contactSec .left{max-width:500px;display:flex;flex-direction:column;font-family:Hubot Sans,sans-serif;gap:20px}.contactSec .left h3{font-size:3em;line-height:1.2em;font-weight:400;margin:15px 0}.contactSec .moreinfo{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap}.contactSec .moreinfo>div{width:100%}.contactSec .right{max-width:600px;border-radius:10px;background-color:var(--color-bg);padding:40px 60px;border:1px solid var(--color-border);background-color:var(--navbar-bg)}.contactSec .right h2{font-weight:500}.contactSec .right p{font-size:.8em;margin-bottom:20px}.contactSec .right form{display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:20px}.contactSec .right form input{width:100%;border:none;outline:1px solid transparent;cursor:pointer;border-radius:2px;color:var(--color-text-body);background-color:transparent;font-family:Poppins;border-bottom:1px solid var(--color-border);transition:all .33s ease;padding:5px}.contactSec .right form input:user-invalid{border-radius:5px;border:1px solid #ff000090}.contactSec .right form input:user-valid:focus{outline:1px solid #1aff0090}.contactSec .right form input:focus{outline:1px solid var(--color-border)}.contactSec .right form textarea{border:none;background-color:transparent;outline:1px solid transparent;border-radius:2px;border-bottom:1px solid var(--color-border);font-family:Poppins;transition:all .33s ease;resize:none;padding:5px;width:100%}.contactSec .right form textarea:focus{outline:1px solid var(--color-border)}.contactSec .right button{width:100%;background-color:var(--color-primary);padding:10px;font-family:Poppins,sans-serif;color:#fff;border-radius:10px;cursor:pointer;border:none;margin-top:20px}.contactSec .right button:hover{filter:grayscale(.5)}.moreinfo{display:flex;flex-direction:column;gap:20px;margin-top:40px}.moreinfo .info{display:flex;align-items:flex-start;gap:15px;padding:20px;background:var(--navbar-bg);border-radius:12px;border:1px solid var(--color-border);transition:all .3s ease}.moreinfo .info:hover{border-color:var(--color-primary);box-shadow:0 8px 20px #8e44ff1a}.moreinfo .info svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.moreinfo .info h4{font-size:1.1rem;margin:0 0 5px;color:var(--color-text-heading)}.moreinfo .info p,.moreinfo .info a{font-size:.95rem;color:var(--color-text-body);margin:0;text-decoration:none;transition:color .3s ease}.moreinfo .info a:hover{color:var(--color-primary)}.success-message{color:#10b981;font-weight:600;margin-top:15px}.error-message{color:#ef4444;font-weight:600;margin-top:15px}@media(max-width:500px){.contactSec .left h3{display:block;text-align:center}.contactSec .left p{text-align:center}}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Regular-CWSyEjGv.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Medium-DDwDPeBg.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Bold-C2PhLWFc.woff) format("woff");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;font-display:swap;src:url(/assets/Satoshi-Black-D3hzT7Um.woff) format("woff");font-weight:900;font-style:normal}:root{--nav-top-bg: #0d1b2a;--nav-top-color: #f8f9fa;--navbar-bg: #ffffffbf;--color-primary: #8e44ff;--color-secondary: #00c2ff;--color-bg-light: #f1f1f1;--color-surface-light: #f3f0ff;--color-text-dark: #111111;--color-text-body-light: #444444;--color-border-light: #e1e1e1;--color-alert: #ff5f7e;--color-success: #00d184;--bg-img: url(https://www.transparenttextures.com/patterns/noisy-grid.png);--color-bg: var(--color-bg-light);--color-surface: var(--color-surface-light);--color-text-heading: var(--color-text-dark);--color-text-body: var(--color-text-body-light);--color-border: var(--color-border-light)}[data-theme=dark]{--nav-top-bg: #f8f9fa;--nav-top-color: #0d1b2a;--navbar-bg: #000000bf;--bg-img: url();--color-bg: #0f0f1a;--color-surface: #1a1a2e;--color-text-heading: #ffffff;--color-text-body: #c3c3d5;--color-border: #2d2d3c;--color-alert: #ff4cfd;--color-success: #00ffb2}::selection{background:var(--nav-top-bg);color:var(--nav-top-color)}*{margin:0;padding:0;box-sizing:border-box;transition:left .3s ease;scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background-color:var(--color-bg);color:var(--color-text-body);transition:all .3s ease-in-out;background-image:var(--bg-img)}.navTop{background-color:var(--nav-top-bg);color:var(--nav-top-color);display:flex;align-items:center;justify-content:space-between;padding:5px 30px;margin:10px auto;border-radius:9px;border:1px solid var(--color-border);width:90%;font-size:.75em}.navTop .left,.navTop .right{display:flex;align-items:center;gap:30px}.navTop .email{display:flex;align-items:center;gap:3px}.navTop .email p{display:flex;align-items:center;gap:5px;margin:0;font-weight:500}.navTop .email a{position:relative;display:inline-block;color:var(--nav-top-color);text-decoration:none;font-style:italic;z-index:1;padding:0 5px;overflow:hidden}.navTop .email a:after{content:"";position:absolute;left:0;right:0;bottom:0;width:0;height:1%;background-color:var(--nav-top-color);z-index:-1;transition:all .6s ease;border-radius:3px;height:5%}.navTop .email a:hover:after{width:100%}.navTop .icons{display:flex;align-items:center;gap:20px}.navTop .lucide{display:block;width:16px;height:16px;stroke:var(--nav-top-color)}.toggleBtn{background-color:var(--nav-top-color);border:none;color:var(--nav-top-bg);padding:5px;border-radius:5px;display:flex;align-items:center;outline:none;justify-content:center;gap:3px}.toggleBtn .lucide{stroke:var(--nav-top-bg)}header{position:sticky;z-index:100!important;top:10px}.navbar{z-index:100;background-color:var(--navbar-bg);width:90%;margin:0 auto;padding:10px 30px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--color-border);box-shadow:0 4px 10px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logoWrapper a{text-decoration:none;display:flex;align-items:center;gap:12px}.logoImg{width:40px;height:40px;border-radius:4px;overflow:hidden;border:1px solid var(--color-border);display:flex}.logoImg img{width:100%;height:100%;object-fit:cover}.logoTxt{font-family:Poppins,sans-serif;font-size:1.4em;font-weight:600;color:var(--color-text-heading);line-height:1}.logoTxt:after{content:"Design & Dev Studio";display:block;font-size:.5em;margin-top:2px;font-style:italic;color:var(--color-text-body)}.navbar .nav-links ul{list-style:none;display:flex;gap:10px;padding:0;margin:0}.navbar .nav-links ul li a{text-decoration:none;padding:6px 16px;border-radius:40px;font-size:.9em;color:var(--nav-top-bg);border:1px solid transparent;transition:all .3s ease}.navbar .nav-links ul li a:hover,.navbar .nav-links ul li .active{background-color:var(--color-bg);border-color:var(--color-border)}.navBtns{display:flex;align-items:center;gap:10px}.navBtns p{background-color:var(--color-bg);padding:6px;border-radius:8px;font-size:.9em;display:flex;cursor:pointer}.navBtns .talk{background-color:var(--color-primary);color:var(--color-bg-light);padding:8px 26px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.navBtns .toggle{border:1px solid var(--color-border)}.navBtns .talk:hover{background-color:var(--color-secondary);padding-inline:20px}.navBtns .menuIcon{border:1px solid var(--color-border);display:none;line-height:0px!important}.mobile-nav-header{display:none;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--color-border)}.close-menu{cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);border:1px solid var(--color-border)}.overlay{position:fixed;inset:0;background-color:#00000080;display:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:1000px){.navTop{display:none}header{position:static}.navbar{position:fixed;top:0;left:0;right:0;margin:0;padding:10px 20px;border-radius:0;box-shadow:0 4px 10px #0000001a;width:100vw}.navBtns .menuIcon{display:block}.navbar .nav-links{position:absolute;top:-10px;left:-900px;height:100vh;width:100vw;background-color:var(--nav-top-color);box-shadow:4px 0 10px #0000001a;z-index:110000;overflow-y:auto;padding:0;display:flex;flex-direction:column;border-right:1px solid var(--color-border)}.navbar .nav-links.active{left:0}.navbar .nav-links ul{flex-direction:column;padding:16px;gap:16px}.navbar .nav-links ul li a{display:block;padding:12px 16px;border-radius:8px}.navbar .talk{display:none}.mobile-nav-header{display:flex}.mobile-nav-header .logoWrapper .logoTxt{font-size:1.2em}.mobile-nav-header .logoWrapper .logoImg{width:32px;height:32px}.mobile-nav-header .logoTxt:after{display:none}}footer{background-color:#131315;color:var(--color-text-body);padding:35px;border-radius:10px;margin:20px auto;width:90%;display:flex;flex-direction:column;gap:20px;border:1px solid var(--color-border);background-image:url(https://www.transparenttextures.com/patterns/stardust.png);position:relative;overflow:hidden}@media(max-width:500px){footer{width:100%;margin:20px 0 0;border-radius:10px 10px 0 0}}footer h1{position:absolute;color:#fff;opacity:.2;font-size:12em;bottom:-5px;line-height:0;left:50%;transform:translate(-50%)}.footerTop,.footerBottom{display:flex;justify-content:space-between;width:100%;flex-wrap:wrap;z-index:1}.footerTop .right{max-width:470px}.footerTop .logo{height:50px;overflow:hidden}.footerTop .logo img{height:100%;object-fit:cover}.footerTop p{margin-top:20px;line-height:1.5;font-size:1em;color:#ffffff50}.footerTop .left{display:flex;gap:150px}.footerTop .left ul li{position:relative;width:fit-content}.footerTop .left a{position:relative}footer h3{color:#fff;position:relative}footer a:after{content:"";position:absolute;bottom:0;height:1px;width:0;background-color:var(--color-primary);opacity:.7;right:0;transition:width .3s ease}.footerTop .left a:hover:after{left:0;width:100%}.footerTop .left li .active:after{left:0;width:100%!important}footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}footer a{color:#c3c3d5;font-size:.9em;text-decoration:none;border-radius:8px;transition:transform .3s ease}footer a:hover{transform:translate(100px);position:relative}.footerBottom{border-top:1px solid var(--color-border);padding-top:20px;align-items:center;text-align:center}.footerBottom p{color:#ffebcd}.socialIcons{display:flex;gap:15px;margin-top:10px;justify-content:center}.socialIcons a{width:40px;height:40px;background-color:#1e1e22;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2em;border:1px solid var(--color-border);transition:all .3s ease}.socialIcons a:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8e44ff66}.newsletterSec{display:flex;display:none;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid var(--color-border);padding:15px 20px;margin:0 0 10px}.newsletterSec h5{color:var(--color-secondary);font-size:3em;display:flex;align-items:center;gap:10px}.newsletterSec h5 i{color:gold}.newsletterSec p{color:#aeaeae;font-size:.9em;font-weight:500}.newsletterSection{margin-top:60px;padding:60px;border-radius:20px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;text-align:center}.subscribeForm{display:flex;max-width:500px;margin:0 auto;height:50px}.subscribeForm input{flex-grow:1;padding:0 20px;border:none;border-radius:8px 0 0 8px;font-size:1rem;outline:none;font-family:Hubot Sans,sans-serif}.subscribeForm button{padding:0 30px;background-color:#fff;color:var(--color-primary);font-family:Hubot Sans,sans-serif;border:none;border-radius:0 8px 8px 0;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.subscribeForm button:hover{background-color:#f0f0f0}@media(max-width:600px){.subscribeForm{flex-direction:column;height:auto}.subscribeForm input,.subscribeForm button{border-radius:8px;margin:5px 0;height:45px}.newsletterSec>div{margin:auto;text-align:center}.newsletterSec p{margin:10px 0}.newsletterSec h5{font-size:2.5em;width:100%;display:block}}@media(max-width:500px){.footerTop .left{gap:0px;flex-wrap:wrap;margin-top:30px;justify-content:space-between;width:100%}.footerBottom{flex-direction:column;gap:10px}}:root{--primary-color: #00d4ff;--secondary-color: #ff006e;--accent-color: #8338ec;--dark-bg: #0a0c14;--light-text: #f5f5f5;--border-color: rgba(131, 56, 236, .2)}.notfound-container{display:flex;align-items:center;justify-content:center;position:relative;overflow:auto;margin-top:0;padding:20px;height:auto}.notfound-bg-animation{position:absolute;inset:0;overflow:hidden;z-index:0}.floating-shape{position:absolute;border-radius:50%;opacity:.05;animation:float 15s infinite ease-in-out}.shape-1{width:300px;height:300px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));top:-100px;right:-100px;animation-delay:0s}.shape-2{width:250px;height:250px;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));bottom:-80px;left:-80px;animation-delay:5s}.shape-3{width:200px;height:200px;background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));top:50%;left:50%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(30px,-30px) rotate(180deg)}}.notfound-content{position:relative;z-index:1;text-align:center;max-width:600px;opacity:0;animation:slideInUp .8s ease-out forwards}.notfound-content.loaded{opacity:1}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.notfound-number{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:100px;margin-bottom:40px;perspective:1000px}.number-digit{font-size:120px;font-weight:900;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:bounce 2s ease-in-out infinite;text-shadow:0 0 20px rgba(0,212,255,.3)}.number-digit:first-child{animation-delay:0s}.number-digit:last-child{animation-delay:.2s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.number-circle{width:140px;height:140px;position:relative;display:flex;align-items:center;justify-content:center}.number-circle:before{content:"0";font-size:100px;font-weight:900;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.circle-inner{position:absolute;width:140px;height:140px;border:3px solid transparent;border-top-color:var(--primary-color);border-right-color:var(--accent-color);border-bottom-color:var(--secondary-color);border-radius:50%;animation:spin 3s linear infinite;box-shadow:0 0 30px #00d4ff33}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notfound-title{font-size:48px;font-weight:700;color:var(--dark-bg);margin-bottom:20px;letter-spacing:-1px;animation:slideInUp .8s ease-out .1s forwards;opacity:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.notfound-description{font-size:18px;color:var(--secondary-color);margin-bottom:30px;line-height:1.6;animation:slideInUp .8s ease-out .2s forwards;opacity:0}.error-badge{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#00d5ff,#8338ec);border:1px solid var(--border-color);border-radius:50px;padding:12px 24px;margin-bottom:40px;animation:slideInUp .8s ease-out .3s forwards;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-label{font-size:14px;color:#f5f5f599;text-transform:uppercase;letter-spacing:1px;font-weight:600}.badge-code{font-size:16px;color:var(--primary-color);font-weight:700;font-family:Courier New,monospace}.notfound-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:50px;flex-wrap:wrap;animation:slideInUp .8s ease-out .4s forwards;opacity:0}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--dark-bg);box-shadow:0 10px 30px #00d4ff4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #00d4ff66}.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:0 10px 30px #00d4ff1a}.btn-secondary:hover{background:#00d4ff1a;transform:translateY(-3px);box-shadow:0 15px 40px #00d4ff33}.helpful-links{animation:slideInUp .8s ease-out .5s forwards;opacity:0}.links-label{font-size:14px;color:#f5f5f599;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;font-weight:600}.links-grid{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.link-item{padding:10px 20px;background:#00d4ff0d;border:1px solid var(--border-color);border-radius:6px;color:var(--primary-color);text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease}.link-item:hover{background:#00d4ff26;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 5px 15px #00d4ff33}.particles{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:var(--primary-color);border-radius:50%;opacity:0;animation:floatParticle 15s infinite}.particle-1{left:10%;top:20%;animation-delay:0s}.particle-2{left:80%;top:30%;animation-delay:2s}.particle-3{left:30%;top:70%;animation-delay:4s}.particle-4{left:70%;top:80%;animation-delay:6s}.particle-5{left:50%;top:50%;animation-delay:8s}@keyframes floatParticle{0%{opacity:0;transform:translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px)}}@media(max-width:768px){.notfound-number{gap:10px;margin-bottom:30px}.number-digit{font-size:80px}.number-circle{width:100px;height:100px}.number-circle:before{font-size:70px}.circle-inner{width:100px;height:100px}.notfound-title{font-size:36px;margin-bottom:15px}.notfound-description{font-size:16px;margin-bottom:20px}.notfound-buttons{gap:15px;margin-bottom:30px;flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}.links-grid{flex-direction:column;gap:10px}.link-item{width:100%;text-align:center}}@media(max-width:480px){.notfound-container{padding:15px}.notfound-number{gap:5px}.number-digit{font-size:60px}.number-circle{width:80px;height:80px}.number-circle:before{font-size:50px}.circle-inner{width:80px;height:80px}.notfound-title{font-size:28px}.notfound-description{font-size:14px}.error-badge{padding:10px 18px;font-size:12px}}.nav-loader-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a0c14bf,#04060ce6);z-index:9999;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none;opacity:0;transform:scale(.995);transition:opacity .36s ease,transform .36s ease}.nav-loader-overlay.visible{opacity:1;transform:scale(1);pointer-events:auto}.nav-loader-overlay.hidden{opacity:0}.nav-loader-inner{display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:auto}.nav-orbs{position:relative;width:140px;height:90px}.orb{position:absolute;border-radius:50%;filter:blur(14px);opacity:.95;mix-blend-mode:screen}.orb-1{width:72px;height:72px;left:6px;top:8px;background:#ff6b6b;animation:float1 2.6s ease-in-out infinite}.orb-2{width:56px;height:56px;left:44px;top:0;background:#ffd166;animation:float2 3s ease-in-out infinite}.orb-3{width:48px;height:48px;left:78px;top:18px;background:#7bd389;animation:float3 2.2s ease-in-out infinite}@keyframes float1{0%{transform:translateY(0) translate(0) scale(1)}50%{transform:translateY(-8px) translate(6px) scale(1.02)}to{transform:translateY(0) translate(0) scale(1)}}@keyframes float2{0%{transform:translateY(0) translate(0) scale(1)}50%{transform:translateY(-10px) translate(-6px) scale(1.03)}to{transform:translateY(0) translate(0) scale(1)}}@keyframes float3{0%{transform:translateY(0) translate(0) scale(1)}50%{transform:translateY(-6px) translate(4px) scale(.99)}to{transform:translateY(0) translate(0) scale(1)}}.nav-ring{position:relative;width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:-28px;box-shadow:0 10px 40px #02061799}.nav-ring-gradient{width:64px;height:64px;border-radius:50%;background:conic-gradient(from 60deg,#7bd389,#06b6d4,#7c5cff,#ff6b6b,#ffd166,#7bd389);animation:spin 1.4s linear infinite;box-shadow:inset 0 -8px 18px #0000001f,0 8px 28px #00000047}@keyframes spin{to{transform:rotate(360deg)}}.nav-loader-text{color:#fff;font-weight:600;font-size:.98rem;letter-spacing:.04em;text-transform:uppercase;margin-top:6px;background:linear-gradient(90deg,#ffd166,#ff6b6b,#7bd389,#7c5cff);-webkit-background-clip:text;background-clip:text;color:transparent;animation:textGlow 2s ease-in-out infinite}@keyframes textGlow{0%{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}50%{filter:drop-shadow(0 6px 18px rgba(124,92,255,.14))}to{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}}@media(max-width:520px){.nav-orbs{width:110px;height:70px}.nav-ring{width:70px;height:70px;margin-top:-22px}.nav-ring-gradient{width:54px;height:54px}.nav-loader-text{font-size:.85rem}}.nav-loader-overlay.dev{background:#06080c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dev-terminal{width:min(680px,86%);max-width:720px;background:linear-gradient(180deg,#0c0e12f2,#080a0cf5);border-radius:10px;box-shadow:0 24px 60px #02061799;overflow:hidden;color:#b8e994;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace}.dev-top{display:flex;align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(90deg,#ffffff05,#ffffff03)}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:0 1px #0009}.dot.red{background:#ff6b6b}.dot.yellow{background:#ffd166}.dot.green{background:#7bd389}.dev-title{margin-left:auto;color:#ffffffbf;font-size:.85rem;font-weight:600}.dev-body{padding:18px}.dev-line{color:#9df6b0;font-size:1.05rem;margin-bottom:8px}.dev-line.small{color:#9df6b0cc;font-size:.88rem}.cursor{display:inline-block;margin-left:6px;width:10px;animation:blink .9s steps(1) infinite}@keyframes blink{50%{opacity:0}}.dev-progress{width:100%;height:10px;background:#ffffff0a;border-radius:6px;margin:10px 0;overflow:hidden}.dev-progress-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#7c5cff);box-shadow:0 6px 18px #7c5cff1f;width:var(--progress, 0%);transition:width .16s linear}.dev-console{margin-top:10px;font-size:.85rem;color:#b4ffc8cc;display:flex;flex-direction:column;gap:6px}.log{opacity:.9}@media(max-width:520px){.dev-terminal{width:calc(100% - 36px)}.dev-line{font-size:.95rem}}.nav-loader-overlay.coder{background:#080a0e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.coder-card{width:min(640px,86%);max-width:700px;display:flex;gap:18px;padding:14px 18px;align-items:center;background:linear-gradient(180deg,#0e1012fa,#0a0c0ef5);border-radius:10px;box-shadow:0 20px 60px #02061799;color:#e6eef0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace}.coder-left{width:100px;display:flex;flex-direction:column;align-items:center;gap:6px}.coder-ring{--size: 64px;width:var(--size);height:var(--size);border-radius:50%;background:conic-gradient(#06b6d4 var(--p, 0%),rgba(255,255,255,.06) 0%);box-shadow:0 8px 30px #03060a99,inset 0 -6px 18px #0003;transition:background .18s linear}.coder-percent{color:#cfeef8;font-weight:700;font-size:.95rem}.coder-right{flex:1}.coder-title{color:#bfe8f2;font-size:1.02rem;font-weight:700;margin-bottom:8px}.coder-bars{display:flex;gap:8px;align-items:center}.coder-bars .bar{display:inline-block;height:8px;background:linear-gradient(90deg,#06b6d4,#7c5cff);border-radius:6px;transition:width .18s ease}@media(max-width:520px){.coder-card{width:calc(100% - 28px);padding:12px}.coder-left{width:84px}.coder-percent{font-size:.85rem}.coder-title{font-size:.96rem}}