body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #8b5cf6;--accent: #ec4899;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-tertiary: #1a1a24;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-heading: "Inter", var(--font-base);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 6px rgba(0, 0, 0, .16);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .5);--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-base);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.app{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;font-weight:700}h1{font-size:clamp(2.5rem,5vw,4.5rem);margin-bottom:var(--spacing-md)}h2{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:var(--spacing-md)}h3{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:var(--spacing-sm)}p{font-size:clamp(1rem,2vw,1.125rem);color:var(--text-secondary);line-height:1.8}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 50%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);padding:1rem 0}.navbar-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;cursor:pointer}.logo-icon{color:var(--primary);font-size:1.75rem}.logo-text{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.navbar-links{display:flex;gap:var(--spacing-md);align-items:center}.navbar-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:1rem;transition:color var(--transition-base);position:relative}.navbar-links a:hover{color:var(--primary)}.navbar-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width var(--transition-base)}.navbar-links a:hover:after{width:100%}.btn{padding:1rem 2rem;font-size:1.05rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-base);position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 20px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #6366f199}.btn-secondary{background:#ffffff0d;color:#fff;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.btn-icon{transition:transform var(--transition-base)}.btn:hover .btn-icon{transform:translate(4px)}.btn:disabled{opacity:.5;cursor:not-allowed}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}section{padding:var(--spacing-xl) 0;position:relative;overflow:hidden}.section-header{text-align:center;max-width:800px;margin:0 auto var(--spacing-lg)}.section-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-top:var(--spacing-sm)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-background{position:absolute;inset:0;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:float 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:var(--primary);top:-200px;left:-200px}.orb-2{width:500px;height:500px;background:var(--secondary);bottom:-150px;right:-150px;animation-delay:-5s}.orb-3{width:400px;height:400px;background:var(--accent);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-50px) scale(1.1)}50%{transform:translate(-30px,30px) scale(.9)}75%{transform:translate(30px,50px) scale(1.05)}}.hero-container{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:0 var(--spacing-md);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:center}.hero-content-left{position:relative;text-align:left}.hero-content-left h1{text-align:left}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:var(--spacing-md);font-size:.95rem;font-weight:500}.badge-icon{color:var(--primary)}.hero-subtitle{font-size:1.2rem;margin-bottom:var(--spacing-lg);text-align:left}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);max-width:500px}.stat h3{font-size:2.5rem;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.25rem}.stat p{color:var(--text-muted);font-size:.95rem}.hero-form-container{position:relative;background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-xl)}.hero-form-header{margin-bottom:var(--spacing-md)}.hero-form-header h3{font-size:1.75rem;margin-bottom:.5rem;color:var(--text-primary)}.hero-form-header p{color:var(--text-secondary);font-size:1rem}.hero-form .form-group{margin-bottom:var(--spacing-sm)}.hero-form .form-group input,.hero-form .form-group select,.hero-form .form-group textarea{width:100%;padding:.875rem 1rem;background:var(--bg-primary);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:.95rem;font-family:var(--font-base);transition:all var(--transition-base)}.hero-form .form-group input:focus,.hero-form .form-group select:focus,.hero-form .form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.hero-form .form-group textarea{resize:vertical;min-height:100px}.hero-form .btn-submit{width:100%;justify-content:center;margin-top:var(--spacing-sm)}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:1}.mouse{width:24px;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:20px;position:relative}.mouse:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:4px;height:8px;background:var(--primary);border-radius:2px}.services{background:var(--bg-secondary)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-md)}.service-card{position:relative;padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.05);border-radius:20px;transition:all var(--transition-base);overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:0;transition:opacity var(--transition-base)}.service-card:hover:before{opacity:1}.service-card:hover{border-color:#ffffff1a;box-shadow:var(--shadow-lg)}.service-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:16px;font-size:1.75rem;margin-bottom:var(--spacing-sm)}.service-card h3{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.service-card p{color:var(--text-secondary);font-size:1rem}.service-card-glow{position:absolute;bottom:-100px;right:-100px;width:200px;height:200px;border-radius:50%;opacity:.05;filter:blur(60px);transition:opacity var(--transition-base)}.service-card:hover .service-card-glow{opacity:.15}.features{position:relative;padding:var(--spacing-xl) 0}.features-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:start}.features-text h2{margin-bottom:var(--spacing-md)}.features-intro{font-size:1.2rem;margin-bottom:var(--spacing-md);color:var(--text-secondary)}.features-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1)}.highlight h4{font-size:2rem;color:var(--primary);margin-bottom:.25rem}.highlight p{font-size:.9rem;color:var(--text-muted)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.feature-item{padding:var(--spacing-md);background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;transition:all var(--transition-base)}.feature-item:hover{background:#ffffff0d;border-color:#ffffff1a}.feature-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:12px;font-size:1.5rem;margin-bottom:var(--spacing-sm)}.feature-item h3{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.feature-item p{font-size:.95rem;color:var(--text-secondary)}.features-background{position:absolute;inset:0;pointer-events:none;z-index:-1}.floating-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.1}.shape-1{width:400px;height:400px;background:var(--primary);top:10%;left:5%}.shape-2{width:300px;height:300px;background:var(--secondary);bottom:20%;right:10%}.shape-3{width:350px;height:350px;background:var(--accent);top:50%;right:5%}.contact{background:var(--bg-secondary)}.contact-content{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-lg)}.contact-info h3{margin-bottom:var(--spacing-sm)}.contact-info p{margin-bottom:var(--spacing-md)}.contact-details{margin:var(--spacing-lg) 0}.detail{margin-bottom:var(--spacing-md)}.detail h4{font-size:1rem;color:var(--primary);margin-bottom:.25rem}.detail p{color:var(--text-secondary)}.contact-benefits{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#6366f10d;border:1px solid rgba(99,102,241,.1);border-radius:16px}.contact-benefits h4{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.contact-benefits ul{list-style:none}.contact-benefits li{display:flex;align-items:center;gap:.5rem;margin-bottom:var(--spacing-xs);color:var(--text-secondary)}.contact-benefits svg{color:var(--success);flex-shrink:0}.contact-form{background:var(--bg-tertiary);padding:var(--spacing-md);border-radius:20px;border:1px solid rgba(255,255,255,.05)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.form-group{margin-bottom:var(--spacing-sm)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem;background:var(--bg-primary);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:1rem;font-family:var(--font-base);transition:all var(--transition-base)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical;min-height:120px}.form-status{padding:1rem;border-radius:12px;margin-bottom:var(--spacing-sm);font-weight:500}.form-status.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--success)}.form-status.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--error)}.btn-submit{width:100%;justify-content:center}.footer{background:var(--bg-primary);padding:var(--spacing-lg) 0 var(--spacing-md);border-top:1px solid rgba(255,255,255,.05)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-logo{font-size:1.75rem;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-sm)}.footer-section p{margin-bottom:var(--spacing-md);max-width:350px}.social-links{display:flex;gap:var(--spacing-sm)}.social-links a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:10px;color:var(--text-primary);transition:all var(--transition-base)}.social-links a:hover{background:var(--primary);transform:translateY(-2px)}.footer-section h4{margin-bottom:var(--spacing-sm);font-size:1.1rem}.footer-section ul{list-style:none}.footer-section li{margin-bottom:var(--spacing-xs)}.footer-section a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-base)}.footer-section a:hover{color:var(--primary)}.footer-bottom{text-align:center;padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.05)}.footer-bottom p{color:var(--text-muted);font-size:.9rem;margin:.25rem 0}.chatbox{position:fixed;bottom:100px;right:30px;width:400px;height:600px;background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;z-index:1000;overflow:hidden}.chatbox-header{padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;justify-content:space-between;align-items:center}.chatbox-header-content{display:flex;align-items:center;gap:var(--spacing-sm)}.chatbox-avatar{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.chatbox-header h4{font-size:1.1rem;margin:0}.status{font-size:.85rem;opacity:.9}.chatbox-close{background:#fff3;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all var(--transition-base)}.chatbox-close:hover{background:#ffffff4d}.chatbox-messages{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.message{display:flex;flex-direction:column;max-width:75%}.message.user{align-self:flex-end}.message.bot{align-self:flex-start}.message-content{padding:var(--spacing-sm) var(--spacing-md);border-radius:16px;word-wrap:break-word}.message.user .message-content{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-bottom-right-radius:4px}.message.bot .message-content{background:#ffffff0d;color:var(--text-primary);border-bottom-left-radius:4px}.message-time{font-size:.75rem;color:var(--text-muted);margin-top:.25rem;padding:0 var(--spacing-sm)}.typing-indicator{display:flex;gap:4px;padding:var(--spacing-sm) var(--spacing-md)}.typing-indicator span{width:8px;height:8px;background:var(--text-muted);border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.quick-replies{padding:0 var(--spacing-md) var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.quick-reply-btn{padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);font-size:.9rem;text-align:left}.quick-reply-btn:hover{background:#ffffff1a;border-color:var(--primary)}.chatbox-input{padding:var(--spacing-md);background:var(--bg-secondary);border-top:1px solid rgba(255,255,255,.05);display:flex;gap:var(--spacing-sm)}.chatbox-input input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:.95rem}.chatbox-input input:focus{outline:none;border-color:var(--primary)}.chatbox-input button{width:44px;height:44px;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.chatbox-input button:hover:not(:disabled){transform:scale(1.05)}.chatbox-input button:disabled{opacity:.5;cursor:not-allowed}.chatbox-toggle{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:var(--shadow-lg);z-index:999;display:flex;align-items:center;justify-content:center}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;gap:var(--spacing-lg)}.hero-content-left,.hero-content-left h1,.hero-subtitle{text-align:center}.hero-stats{grid-template-columns:repeat(2,1fr);max-width:100%}.features-content{grid-template-columns:1fr;gap:var(--spacing-md)}.features-grid,.contact-content{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr 1fr}}@media(max-width:768px){:root{--spacing-xl: 4rem;--spacing-lg: 3rem}.navbar-links{gap:var(--spacing-sm)}.navbar-links a{font-size:.9rem}.hero-cta{flex-direction:column;align-items:stretch}.hero-stats,.services-grid,.features-highlights,.form-row,.footer-content{grid-template-columns:1fr}.chatbox{width:calc(100vw - 40px);right:20px;bottom:90px}.chatbox-toggle{right:20px;bottom:20px}}@media(max-width:480px){.container{padding:0 var(--spacing-sm)}section{padding:var(--spacing-lg) 0}.btn{padding:.875rem 1.5rem;font-size:1rem}.chatbox{height:calc(100vh - 120px)}}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#6366f180;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}