:root{--bg:#000;--panel:#0a101ec7;--panel-strong:#080c18eb;--line:#17e6ff2e;--cyan:#17e6ff;--blue:#1e86ff;--purple:#a33cff;--text:#edfaff;--muted:#edfaffb8}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 18% 14%,#17e6ff24,#0000 26%),radial-gradient(circle at 82% 20%,#a33cff29,#0000 32%),linear-gradient(#030711 0%,#000 100%);font-family:Segoe UI,Arial,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.32;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:54px 54px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 92%);mask-image:radial-gradient(circle,#000 40%,#0000 92%)}.site-header,.site-main,.site-footer{z-index:1;width:min(1180px,100% - 32px);margin:0 auto;position:relative}.site-header{padding-top:22px}.navbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(90deg,#030f23f5,#02081cf0);border:1px solid #00eeff2e;border-radius:28px;justify-content:space-between;align-items:center;width:100%;min-height:110px;padding:1.2rem 3rem;display:flex;box-shadow:0 0 30px #00aaff14,inset 0 0 18px #00aaff0a}.brand{align-items:center;gap:12px;min-width:0;text-decoration:none;display:inline-flex}.brand-copy{gap:6px;margin-left:14px}.logo-scene{border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:220px;height:200px;display:flex;position:relative;overflow:hidden}.logo{object-fit:cover;object-position:center top;clip-path:inset(0 round 20px);filter:drop-shadow(0 0 #17e6ff00);will-change:transform, filter, opacity;z-index:3;width:100%;height:100%;position:absolute;inset:0;transform:translate(0,0)scale(1)}.logo-trail{filter:blur(16px);opacity:0;z-index:1;background:linear-gradient(90deg,#0000 0%,#17e6ff1a 12%,#17e6ffe0 54%,#a33cffb8 84%,#0000 100%);border-radius:999px;width:150px;height:28px;position:absolute;top:50%;left:-120px;transform:translateY(-50%)}.logo-burst{aspect-ratio:1;filter:blur(12px);opacity:0;z-index:2;background:radial-gradient(circle,#17e6ff8c,#1e86ff40 42%,#a33cff2e 66%,#0000 76%);border-radius:50%;width:110px;position:absolute;transform:scale(.8)}.logo-particles{pointer-events:none;z-index:2;position:absolute;inset:0}.logo-particles span{opacity:0;background:radial-gradient(circle,#fffffff2,#17e6ffb8 50%,#a33cff57 72%,#0000 74%);border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 14px #17e6ff8c}.logo-particles span:first-child{top:28%;left:0%}.logo-particles span:nth-child(2){top:42%;left:4%}.logo-particles span:nth-child(3){top:60%;left:1%}.logo-particles span:nth-child(4){top:22%;left:10%}.logo-particles span:nth-child(5){top:47%;left:13%}.logo-particles span:nth-child(6){top:70%;left:8%}.brand-copy{flex-direction:column;gap:4px;display:flex}.brand-name{letter-spacing:.01em;color:#eefaff;font-size:clamp(1.28rem,2vw,1.75rem);font-weight:700}.brand-tagline{letter-spacing:.28em;color:#17e6ff;opacity:1;text-shadow:0 0 8px #17e6ffcc,0 0 16px #17e6ff99,0 0 28px #a33cff80;font-size:.82rem;font-weight:700;animation:2s ease-in-out infinite alternate taglineGlow}.nav-links{flex-direction:row;align-items:center;gap:2.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:#ffffffd1;letter-spacing:.03em;font-size:1.05rem;font-weight:500;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#12e7ff;text-shadow:0 0 14px #12e7ffb3}.site-main{padding:10px 0 48px}.hero h1{letter-spacing:-.03em;margin-bottom:18px;font-size:clamp(2.6rem,6.3vw,4.9rem);line-height:1.06}.content-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.info-card{background:linear-gradient(140deg,#0d1424d6,#060a13c2);border:1px solid #17e6ff1f;border-radius:22px;padding:24px;box-shadow:inset 0 1px #ffffff0d,0 14px 34px #0000003d}.info-card span{color:var(--cyan);letter-spacing:.2em;margin-bottom:10px;font-size:.82rem;display:inline-block}.info-card h2{font-size:1.28rem;line-height:1.45}.site-footer{text-align:center;color:var(--muted);padding:26px 0 32px}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 14px #17e6ff47)drop-shadow(0 0 26px #a33cff1f)}50%{filter:drop-shadow(0 0 22px #17e6ff8c)drop-shadow(0 0 34px #a33cff3d)}}.logo.is-settled{animation:2.8s ease-in-out infinite pulseGlow}.home-description{text-align:center;max-width:1000px;margin:100px auto;padding:0 30px}.home-description h2{margin-bottom:35px;font-size:3rem}.home-description p{color:#ffffffd9;margin-bottom:20px;font-size:1.15rem;line-height:2}.about-description{text-align:center;max-width:1000px;margin:100px auto;padding:0 30px}.about-description h2{color:#fff;margin-bottom:35px;font-size:3rem}.about-description p{color:#ffffffd9;margin-bottom:20px;font-size:1.15rem;line-height:2}.services-description{text-align:center;max-width:1000px;margin:100px auto;padding:0 30px}.services-description h2{margin-bottom:35px;font-size:3rem}.services-description p{color:#ffffffd9;margin-bottom:20px;font-size:1.15rem;line-height:2}.services-section{padding:80px 20px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:auto;display:grid}.service-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;padding:35px;transition:all .3s}.service-card:hover{border-color:#17e6ff;transform:translateY(-8px)}.service-icon{margin-bottom:20px;font-size:3rem}.service-card h3{margin-bottom:15px;font-size:1.4rem}.service-card p{color:#fffc;line-height:1.8}.contact-section{text-align:center;max-width:1000px;margin:100px auto;padding:0 30px}.contact-section h2{margin-bottom:30px;font-size:3rem}.contact-text{color:#ffffffd9;margin-bottom:40px;font-size:1.1rem;line-height:2}.social-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.social-btn{color:#fff;background:#ffffff0d;border:1px solid #17e6ff33;border-radius:50px;padding:15px 30px;text-decoration:none;transition:all .3s}.social-btn:hover{border-color:#17e6ff;transform:translateY(-4px)}.social-btn{color:#fff;background:#ffffff0d;border:1px solid #17e6ff33;border-radius:50px;align-items:center;gap:10px;padding:15px 30px;text-decoration:none;transition:all .3s;display:flex}.social-btn i{font-size:1.4rem}.whatsapp:hover{border-color:#25d366}.instagram:hover{border-color:#e4405f}.facebook:hover{border-color:#1877f2}.contact-details{flex-direction:column;align-items:center;gap:20px;margin-top:40px;display:flex}.contact-details p{color:#ffffffe6;align-items:center;gap:12px;font-size:1.15rem;display:flex}.contact-details i{color:#17e6ff;font-size:1.5rem}.tech-section{text-align:center;max-width:1200px;margin:100px auto;padding:0 30px}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-top:40px;display:grid}.tech-card{flex-direction:column;align-items:center;gap:12px;display:flex}.tech-card i{font-size:3rem}.fa-html5{color:#e34f26}.fa-css3-alt{color:#1572b6}.fa-js{color:#f7df1e}.fa-react{color:#61dafb}.fa-node-js{color:#393}.fa-github{color:#fff}.mongodb i{color:#47a248}.contact-details a{color:#17e6ff;text-decoration:none;transition:all .3s}.contact-details a:hover{color:#fff}@media (width<=920px){.navbar{flex-direction:column;align-items:flex-start;min-height:0}.nav-links{flex-wrap:wrap;gap:14px 20px}.content-strip{grid-template-columns:1fr}}.banner-section{margin-top:60px}.banner-image{border:1px solid #17e6ff26;border-radius:24px;width:100%;display:block;box-shadow:0 0 30px #17e6ff14}.services-video-section{margin-top:60px}.services-video{border-radius:24px;width:100%;display:block}@media (width<=560px){.site-header,.site-main,.site-footer{width:min(100% - 20px,1180px)}.navbar{min-height:0;padding:16px}.logo-scene{border-radius:20px;justify-content:center;align-items:center;width:320px;height:180px;display:flex;position:relative;overflow:visible}.logo{object-fit:contain;object-position:center;z-index:3;width:100%;height:100%;position:relative}.brand{align-items:center;gap:1.5rem;text-decoration:none;display:flex}.brand-name{font-size:1rem}.brand-tagline{letter-spacing:.12em;font-size:.58rem}.nav-links a{font-size:.9rem}.hero{padding-inline:8px}}.hero{width:100%;height:100vh;position:relative;overflow:hidden}.bg-video{object-fit:cover;z-index:1;opacity:1;width:100%;height:100%;position:absolute;inset:0}.overlay{z-index:2;background:#000000a6;position:absolute;inset:0}.hero-content{z-index:3;color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.hero-logo{width:180px;margin-bottom:20px}.hero h1{font-size:4rem}.hero p{opacity:.8;margin-top:10px}.btn{color:#fff;background:linear-gradient(90deg,#4facfe,#8e44ad);border-radius:40px;margin-top:25px;padding:12px 28px;text-decoration:none}.play-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:5;background:#ffffff1f;border:none;border-radius:50%;width:90px;height:90px;font-size:2rem;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 25px #17e6ff80,0 0 50px #a33cff4d}.play-btn:hover{background:#ffffff2e;transform:translate(-50%,-50%)scale(1.08)}