:root{--bg-dark: #0a0b10;--bg-card: rgba(20, 25, 35, .6);--accent: #00f0ff;--accent-glow: rgba(0, 240, 255, .3);--text-main: #ffffff;--text-sec: #a0a5b0;--font-head: "Rajdhani", sans-serif;--font-body: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);overflow-x:hidden}.bg-grid{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-2}.ambient-glow{position:fixed;width:600px;height:600px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);border-radius:50%;filter:blur(80px);z-index:-1;opacity:.4;animation:float 10s infinite alternate}.one{top:-200px;left:-200px}.two{bottom:-200px;right:-200px;animation-delay:2s;background:radial-gradient(circle,rgba(100,0,255,.2) 0%,transparent 70%)}@keyframes float{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.glass-nav{position:fixed;top:0;width:100%;height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;background:#0a0b10cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);z-index:100}.nav-brand{display:flex;align-items:center;gap:10px}.brand-logo{height:40px}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text .main{font-family:var(--font-head);font-weight:700;letter-spacing:1px;font-size:1.2rem}.brand-text .sub{font-size:.7rem;color:var(--accent);letter-spacing:3px}.nav-links{display:flex;gap:40px}.nav-item{text-decoration:none;color:var(--text-sec);font-size:.9rem;font-weight:500;transition:.3s;position:relative}.nav-item:hover{color:#fff}.nav-item:after{content:"";position:absolute;bottom:-5px;left:0;width:0%;height:2px;background:var(--accent);transition:.3s}.nav-item:hover:after{width:100%}.action-btn{background:var(--accent);color:#000;padding:10px 24px;border-radius:4px;text-decoration:none;font-weight:900;font-size:.9rem;transition:.3s;display:flex;align-items:center;gap:8px}.action-btn:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 5px 15px #00f0ff4d}.mobile-toggle{display:none;color:#fff;font-size:1.5rem;cursor:pointer}.hero-container{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:120px 10% 50px}.hero-content{max-width:600px}.badge{display:inline-flex;align-items:center;gap:8px;background:#00ff641a;border:1px solid rgba(0,255,100,.3);color:#0f6;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:25px}.pulse{width:6px;height:6px;background:#0f6;border-radius:50%;box-shadow:0 0 8px #0f6;animation:pulse 1.5s infinite}.hero-title{font-family:var(--font-head);font-size:4.5rem;line-height:1.1;font-weight:700;margin-bottom:20px}.text-gradient{background:linear-gradient(90deg,#fff,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{color:var(--text-sec);line-height:1.6;font-size:1.1rem;margin-bottom:40px;border-left:3px solid rgba(255,255,255,.1);padding-left:20px}.hero-buttons{display:flex;gap:20px}.btn{padding:14px 35px;border-radius:6px;text-decoration:none;font-weight:600;transition:.3s}.btn.primary{background:linear-gradient(135deg,var(--accent),#00aaff);color:#000}.btn.primary:hover{box-shadow:0 0 20px #00f0ff66;transform:scale(1.05)}.btn.secondary{border:1px solid rgba(255,255,255,.3);color:#fff}.btn.secondary:hover{border-color:#fff;background:#ffffff0d}.services-section{padding:100px 10%;position:relative}.section-head h2{font-family:var(--font-head);font-size:2.5rem;margin-bottom:10px}.divider{width:60px;height:4px;background:var(--accent);border-radius:2px;margin-bottom:60px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.service-box{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);padding:35px;border-radius:12px;transition:.4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.service-box:hover{transform:translateY(-10px);border-color:var(--accent);box-shadow:0 10px 40px #00000080;background:#141923e6}.icon-layer{font-size:2.5rem;margin-bottom:20px}.service-box h3{font-size:1.3rem;margin-bottom:12px}.service-box p{color:var(--text-sec);font-size:.95rem;line-height:1.6;margin-bottom:20px}.tags span{display:inline-block;font-size:.7rem;background:#ffffff0d;padding:4px 10px;border-radius:4px;margin-right:5px;color:var(--accent)}.main-footer{background:#050508;border-top:1px solid rgba(255,255,255,.05);padding:60px 10% 20px;margin-top:100px}.footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:40px;gap:30px}.msme-badge{color:var(--text-sec);font-size:.8rem;margin-top:10px}.footer-nav a{color:var(--text-sec);text-decoration:none;margin-left:30px;transition:.3s}.footer-nav a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:20px;display:flex;justify-content:space-between;color:#555;font-size:.8rem}.green{color:#0f6}.fade-in{opacity:0;animation:fadeIn .8s forwards}.fade-up{opacity:0;transform:translateY(30px);animation:fadeUp .8s forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.delay-4{animation-delay:.8s}.delay-5{animation-delay:1s}@keyframes fadeIn{to{opacity:1}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.scroll-reveal{opacity:0;transform:translateY(50px);transition:all .8s ease}.scroll-reveal.active{opacity:1;transform:translateY(0)}@media(max-width:900px){.hero-container{flex-direction:column;justify-content:center;text-align:center;padding-top:150px}.hero-content{margin-bottom:50px}.hero-desc{border:none;padding:0}.hero-buttons{justify-content:center}.nav-links,.nav-action .action-btn{display:none}.mobile-toggle{display:block}}@media(max-width:600px){.hero-title{font-size:2.8rem}.services-grid{grid-template-columns:1fr}.footer-top{flex-direction:column;align-items:center;text-align:center}.footer-nav a{margin:0 10px}}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#050508fa;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;z-index:99;transform:translateY(-100%);transition:.4s cubic-bezier(.4,0,.2,1)}.mobile-overlay.open{transform:translateY(0)}.mobile-overlay a{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700}.mobile-cta{color:var(--accent)!important}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.hero-content{position:relative;z-index:2;max-width:650px}.text-gradient{background:linear-gradient(90deg,#fff,#00f3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(0,243,255,.2)}.menu-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease}.menu-backdrop.active{opacity:1;pointer-events:all}.mobile-overlay{position:fixed;top:0;left:0;width:280px;height:100vh;background:#0a0b10fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--accent);box-shadow:10px 0 50px #00000080;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:100px 0 0 40px;gap:30px;z-index:999;transform:translate(-100%);transition:transform .3s cubic-bezier(.2,0,.2,1)}.mobile-overlay.open{transform:translate(0)}.sidebar-header{font-family:var(--font-head);color:var(--text-sec);font-size:.8rem;letter-spacing:2px;margin-bottom:10px;opacity:.5}.mobile-overlay a{color:#fff;text-decoration:none;font-size:1.2rem;font-weight:600;font-family:var(--font-body);transition:.2s;position:relative}.mobile-overlay a:hover{color:var(--accent);padding-left:10px}.mobile-cta{color:var(--accent)!important;font-family:var(--font-head)!important;margin-top:20px;border:1px solid var(--accent);padding:10px 20px;border-radius:4px}.mobile-cta:hover{background:#00f0ff1a;padding-left:20px!important}
