:root{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--accent-primary:#4f46e5;--accent-secondary:#0891b2;--accent-purple:#9333ea;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--glass-bg:#ffffffbf;--glass-border:#6366f114;--glass-hover-bg:#ffffffe6;--glass-hover-border:#4f46e540;--navbar-bg:#f8fafccc;--navbar-scrolled-bg:#f8fafceb;--navbar-shadow:0 10px 30px #0000000d;--scrollbar-thumb:#00000026;--scrollbar-thumb-hover:#00000040;--card-shadow:0 10px 30px #00000008;--card-hover-shadow:0 20px 40px #6366f11f;--glow-opacity:.12;--code-card-bg:#0f172af2;--code-card-border:#ffffff1a;--code-card-text:#cbd5e1;--code-card-header-bg:#ffffff08;--footer-bg:#0f172a;--footer-text-muted:#94a3b8;--footer-text-primary:#f8fafc;--input-bg:#ffffffe6;--input-focus-bg:#fff;--mobile-nav-bg:#f8fafcfa;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--transition-fast:.2s ease;--transition-normal:.4s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg-primary:#030014;--bg-secondary:#08071a;--bg-tertiary:#0c0b2c;--accent-primary:#6366f1;--accent-secondary:#06b6d4;--accent-purple:#a855f7;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-hover-bg:#ffffff0f;--glass-hover-border:#6366f159;--navbar-bg:#030014b3;--navbar-scrolled-bg:#030014d9;--navbar-shadow:0 10px 30px #0000004d;--scrollbar-thumb:#ffffff1a;--scrollbar-thumb-hover:#fff3;--card-shadow:none;--card-hover-shadow:0 15px 35px #6366f126;--glow-opacity:.15;--code-card-bg:#0a081c99;--code-card-border:var(--glass-border);--code-card-text:var(--text-secondary);--code-card-header-bg:#ffffff05;--footer-bg:#02010c;--footer-text-muted:var(--text-muted);--footer-text-primary:var(--text-primary);--input-bg:#ffffff05;--input-focus-bg:#ffffff0a;--mobile-nav-bg:#030014fa}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-secondary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}a{color:inherit;transition:var(--transition-fast);text-decoration:none}#root{flex-direction:column;min-height:100vh;display:flex;position:relative}.bg-glow-container{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.bg-glow-blob{filter:blur(140px);opacity:var(--glow-opacity);border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.glow-1{background:var(--accent-primary);width:400px;height:400px;top:10%;left:15%}.glow-2{background:var(--accent-purple);width:500px;height:500px;animation-delay:-5s;top:30%;right:10%}.glow-3{background:var(--accent-secondary);width:450px;height:450px;animation-delay:-10s;bottom:20%;left:20%}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,40px)scale(1.1)}to{transform:translate(-30px,-50px)scale(.9)}}.navbar{background:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:1000;width:100%;height:80px;transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:0 8%;display:flex;position:fixed;top:0;left:0}.navbar.scrolled{background:var(--navbar-scrolled-bg);height:70px;box-shadow:var(--navbar-shadow)}.navbar-logo{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:.5px;transition:transform var(--transition-fast);align-items:center;gap:12px;font-size:1.45rem;font-weight:800;display:flex}.navbar-logo:hover{transform:translateY(-1px)}.logo-icon-wrapper{transition:transform var(--transition-normal);justify-content:center;align-items:center;display:flex;position:relative}.navbar-logo:hover .logo-icon-wrapper{transform:rotate(6deg)scale(1.05)}.logo-svg{display:block}.logo-text{background:linear-gradient(135deg, var(--text-primary) 60%, var(--accent-secondary));-webkit-text-fill-color:transparent;transition:all var(--transition-fast);-webkit-background-clip:text;background-clip:text;font-weight:800}.logo-text .highlight{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-left:2px}.nav-links{align-items:center;gap:30px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);padding:8px 0;font-size:.95rem;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:after{content:"";background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));width:0;height:2px;transition:width var(--transition-fast);border-radius:2px;position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-cta{align-items:center;display:flex}.btn{font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-normal);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-purple));color:#fff;z-index:1;position:relative;overflow:hidden;box-shadow:0 4px 20px #6366f159}.btn-primary:before{content:"";background:linear-gradient(135deg, var(--accent-secondary), var(--accent-primary));opacity:0;z-index:-1;width:100%;height:100%;transition:opacity var(--transition-normal);position:absolute;top:0;left:0}.btn-primary:hover:before{opacity:1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f180}.btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-secondary:hover{background:var(--glass-hover-bg);border-color:var(--accent-secondary);transform:translateY(-2px)}.mobile-nav-toggle{color:var(--text-primary);cursor:pointer;z-index:1001;background:0 0;border:none;font-size:1.8rem;display:none}section{padding:100px 8%;position:relative}.hero-section{align-items:center;min-height:100vh;padding-top:120px;padding-bottom:80px;display:flex}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;width:100%;display:grid}.hero-content{flex-direction:column;gap:25px;display:flex}.hero-badge{color:var(--accent-secondary);letter-spacing:.05em;text-transform:uppercase;background:#6366f11a;border:1px solid #6366f133;border-radius:50px;align-self:flex-start;align-items:center;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.hero-title{font-size:3.8rem;line-height:1.15}.hero-title span{background:linear-gradient(135deg, var(--text-primary) 30%, var(--accent-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero-subheading{color:var(--text-secondary);max-width:550px;font-size:1.25rem;font-weight:300}.hero-buttons{gap:20px;margin-top:10px;display:flex}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-visual:before{content:"";z-index:-1;background:radial-gradient(circle,#6366f126 0%,#0000 60%);width:120%;height:120%;position:absolute}.code-card{background:var(--code-card-bg);border:1px solid var(--code-card-border);-webkit-backdrop-filter:blur(16px);width:100%;max-width:480px;font-family:"Fira Code", var(--font-body);text-align:left;border-radius:16px;font-size:.85rem;overflow:hidden;box-shadow:0 20px 50px #0006}.code-header{background:var(--code-card-header-bg);border-bottom:1px solid var(--code-card-border);justify-content:space-between;align-items:center;height:40px;padding:0 16px;display:flex}.code-dots{gap:6px;display:flex}.code-dot{border-radius:50%;width:12px;height:12px}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.code-tab{color:var(--text-muted);font-size:.75rem}.code-body{color:#a78bfa;padding:24px}.code-line{gap:12px;margin-bottom:8px;display:flex}.line-num{color:var(--text-muted);text-align:right;-webkit-user-select:none;user-select:none;width:20px}.code-text{color:var(--code-card-text)}.code-keyword{color:#f472b6}.code-string{color:#34d399}.code-function{color:#60a5fa}.code-comment{color:#64748b}.about-section{background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%)}.section-header{text-align:center;flex-direction:column;gap:15px;max-width:700px;margin:0 auto 60px;display:flex}.section-badge{color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;font-weight:700}.section-title{font-size:2.5rem}.section-subtitle{color:var(--text-muted);font-size:1.1rem;font-weight:300}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about-content{flex-direction:column;gap:20px;display:flex}.about-heading{font-size:1.8rem;line-height:1.3}.about-desc{color:var(--text-secondary);font-size:1.05rem}.about-stats{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);box-shadow:var(--card-shadow);transition:all var(--transition-normal);border-radius:16px;padding:30px}.glass-card:hover{background:var(--glass-hover-bg);border-color:var(--glass-hover-border);box-shadow:var(--card-hover-shadow);transform:translateY(-5px)}.stat-card{text-align:center;padding:20px}.stat-number{background:linear-gradient(135deg, var(--accent-secondary), var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:5px;font-size:2.5rem;font-weight:800}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:500}.services-section{background:linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%)}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.service-card{flex-direction:column;gap:20px;height:100%;display:flex}.service-icon-wrapper{width:60px;height:60px;color:var(--accent-secondary);transition:all var(--transition-fast);background:#06b6d41a;border:1px solid #06b6d433;border-radius:12px;justify-content:center;align-items:center;display:flex}.service-card:hover .service-icon-wrapper{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:scale(1.1);box-shadow:0 0 20px #6366f180}.service-card h3{font-size:1.35rem}.service-card p{color:var(--text-muted);flex-grow:1;font-size:.95rem}.service-link{color:var(--accent-secondary);align-items:center;gap:6px;margin-top:10px;font-size:.9rem;font-weight:600;display:flex}.service-link:hover{color:var(--text-primary)}.why-section{background:linear-gradient(180deg, var(--bg-tertiary) 0%, var(--bg-primary) 100%)}.why-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.why-card{text-align:left;flex-direction:column;gap:15px;display:flex}.why-icon-wrapper{width:50px;height:50px;color:var(--accent-purple);background:#a855f71a;border:1px solid #a855f733;border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.why-card:hover .why-icon-wrapper{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple);box-shadow:0 0 15px #a855f766}.why-card h3{font-size:1.25rem}.why-card p{color:var(--text-muted);font-size:.95rem}.contact-section{background:var(--bg-primary)}.contact-grid{grid-template-columns:.9fr 1.1fr;gap:50px;display:grid}.contact-info{flex-direction:column;gap:35px;display:flex}.contact-info-title{margin-bottom:-15px;font-size:2rem}.contact-info-desc{color:var(--text-muted);font-size:1rem}.contact-details{flex-direction:column;gap:25px;display:flex}.contact-item{align-items:flex-start;gap:20px;display:flex}.contact-item-icon{width:50px;height:50px;color:var(--accent-primary);background:#6366f114;border:1px solid #6366f126;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-item-text h4{color:var(--text-muted);margin-bottom:4px;font-size:1rem;font-weight:500}.contact-item-text p{color:var(--text-primary);font-size:1.1rem;font-weight:600}.contact-item-text span{color:var(--text-secondary);font-size:.95rem}.contact-form-container{width:100%}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{font-family:var(--font-heading);color:var(--text-secondary);font-size:.9rem;font-weight:600}.form-input,.form-textarea{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-body);transition:all var(--transition-fast);border-radius:8px;width:100%;padding:14px 18px;font-size:.95rem}.form-input:focus,.form-textarea:focus{border-color:var(--accent-primary);background:var(--input-focus-bg);outline:none;box-shadow:0 0 0 3px #6366f126}.form-textarea{resize:vertical;min-height:140px}.form-success-msg{color:#34d399;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;align-items:center;gap:10px;padding:16px;font-size:.95rem;font-weight:600;animation:.4s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.footer{background:var(--footer-bg);border-top:1px solid var(--glass-border);flex-direction:column;align-items:center;gap:30px;padding:50px 8% 30px;display:flex}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.footer-logo{font-family:var(--font-heading);align-items:center;gap:10px;font-size:1.35rem;font-weight:800;display:flex}.footer-logo .logo-text{background:linear-gradient(135deg, var(--footer-text-primary) 60%, var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.footer-links{gap:20px;list-style:none;display:flex}.footer-links a{color:var(--footer-text-muted);font-size:.9rem}.footer-links a:hover{color:var(--footer-text-primary)}.footer-divider{background:var(--glass-border);width:100%;height:1px}.footer-bottom{width:100%;color:var(--footer-text-muted);flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.85rem;display:flex}.theme-toggle-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;width:42px;height:42px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.theme-toggle-btn:hover{background:var(--glass-hover-bg);border-color:var(--accent-secondary);color:var(--accent-secondary);transform:scale(1.05)}.theme-toggle-btn:active{transform:scale(.95)}.mobile-theme-btn{display:none}@media (width<=1024px){section{padding:80px 5%}.navbar{padding:0 5%}.hero-title{font-size:3rem}.hero-grid{text-align:center;grid-template-columns:1fr;gap:40px}.hero-badge,.hero-buttons{align-self:center}.hero-subheading{margin:0 auto}.about-grid{text-align:center;grid-template-columns:1fr;gap:40px}.contact-grid{grid-template-columns:1fr;gap:40px}}@media (width<=768px){.mobile-nav-toggle{display:block}.nav-links{background:var(--mobile-nav-bg);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);flex-direction:column;gap:40px;width:100%;height:calc(100vh - 80px);padding:50px 0;transition:left .4s cubic-bezier(.16,1,.3,1);position:fixed;top:80px;left:-100%}.nav-links.active{left:0}.nav-cta{display:none}.mobile-theme-btn{display:flex}.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.footer-top{text-align:center;flex-direction:column;align-items:center}.footer-links{flex-wrap:wrap;justify-content:center}.footer-bottom{text-align:center;flex-direction:column;align-items:center}}