*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;line-height:1.6;color:#333;overflow-x:hidden;background:#fff;transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;padding-top:70px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;position:relative;z-index:1}.hero-title{font-size:3.5rem;font-weight:700;color:#fff;margin-bottom:20px;line-height:1.2}.highlight{background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.2rem;color:#ffffffe6;margin-bottom:30px}.hero-buttons{display:flex;gap:20px}.cloud-illustration{position:relative;text-align:center;color:#fffc}.floating-icons{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px}.floating-icons i{position:absolute;font-size:2rem;color:#fff;animation:float 3s ease-in-out infinite}.floating-icons i:nth-child(1){top:0;left:50%;transform:translate(-50%);animation-delay:0s}.floating-icons i:nth-child(2){top:50%;right:0;transform:translateY(-50%);animation-delay:.5s}.floating-icons i:nth-child(3){bottom:0;left:50%;transform:translate(-50%);animation-delay:1s}.floating-icons i:nth-child(4){top:50%;left:0;transform:translateY(-50%);animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.services{padding:100px 0;background:#f8fafc}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.platforms{padding:100px 0;background:#fff}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.about{padding:100px 0;background:#f8fafc}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-text h2{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:25px}.about-text p{font-size:1.1rem;color:#6b7280;margin-bottom:20px}.team-illustration{text-align:center;color:#e5e7eb}.contact{padding:100px 0;background:#fff}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px}.footer{background:#1f2937;color:#fff;padding:60px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-logo{display:flex;align-items:center;font-size:1.5rem;font-weight:700;margin-bottom:20px}.footer-logo i{margin-right:10px;font-size:2rem;color:#2563eb}.footer-logo-img{height:100px;width:auto;margin-right:10px;border-radius:4px}.footer-section h3{font-size:1.2rem;font-weight:600;margin-bottom:20px;color:#fff}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#9ca3af;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#fff}.footer-section p{color:#9ca3af;margin-bottom:10px}.footer-bottom{border-top:1px solid #374151;padding-top:20px;text-align:center;color:#9ca3af}@media(max-width:768px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-buttons{justify-content:center;flex-wrap:wrap}.about-content,.contact-content,.form-group{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr);gap:20px}.section-header h2{font-size:2rem}.hero{min-height:80vh}}@media(max-width:480px){.hero-title{font-size:2rem}.stats{grid-template-columns:1fr}.container{padding:0 15px}}body.dark-theme{background:#1a1a2e;color:#e5e5e5}body.dark-theme .navbar{background:#1a1a2ef2}body.dark-theme .nav-link{color:#e5e5e5}body.dark-theme .nav-link:hover,body.dark-theme .nav-link.active{color:#60a5fa}body.dark-theme .bar{background:#e5e5e5}body.dark-theme .services,body.dark-theme .about{background:#16213e}body.dark-theme .platforms,body.dark-theme .contact{background:#1a1a2e}body.dark-theme .service-card,body.dark-theme .contact-form{background:#16213e}body.dark-theme .platform-card{background:#0f3460}body.dark-theme .section-header h2,body.dark-theme .service-card h3,body.dark-theme .platform-card h3,body.dark-theme .about-text h2,body.dark-theme .contact-item h3{color:#e5e5e5}body.dark-theme .section-header p,body.dark-theme .service-card p,body.dark-theme .service-card li,body.dark-theme .platform-card p,body.dark-theme .about-text p,body.dark-theme .contact-item p,body.dark-theme .stat p{color:#b5b5b5}body.dark-theme .form-group input,body.dark-theme .form-group select,body.dark-theme .contact-form textarea{background:#1a1a2e;border-color:#3a3a5e;color:#e5e5e5}body.dark-theme .footer{background:#0f0f1a}body.dark-theme .nav-menu{background-color:#1a1a2e}.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;width:100%;z-index:1000;box-shadow:0 2px 20px #0000001a;transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:#2563eb}.nav-logo i{margin-right:10px;font-size:2rem}.nav-logo-img{height:80px;width:auto;margin-right:10px}.nav-menu{display:flex;gap:30px}.nav-link{text-decoration:none;color:#333;font-weight:500;transition:color .3s ease;position:relative}.nav-link:hover{color:#2563eb}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#2563eb;transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:#2563eb}.nav-toggle{display:none;flex-direction:column;cursor:pointer}.bar{width:25px;height:3px;background:#333;margin:3px 0;transition:.3s}.theme-switch{--w: 72px;--h: 34px;--pad: 4px;--c1: #19d3ff;--c2: #2f6df6;--c3: #8a2be2;position:relative;width:var(--w);height:var(--h);padding:0;border:0;background:transparent;cursor:pointer;border-radius:999px;-webkit-tap-highlight-color:transparent;flex:0 0 auto}.theme-switch:before{content:"";position:absolute;inset:0;border-radius:999px;background:linear-gradient(135deg,var(--c1),var(--c2),var(--c3));filter:drop-shadow(0 6px 18px rgba(47,109,246,.18))}.theme-switch:after{content:"";position:absolute;inset:2px;border-radius:999px;background:#fffc;box-shadow:inset 0 0 0 1px #0000000f}.theme-track{position:absolute;inset:6px;border-radius:999px;background:radial-gradient(120px 80px at 30% 50%,rgba(37,99,235,.16),transparent 60%),radial-gradient(120px 80px at 70% 50%,rgba(138,43,226,.12),transparent 60%);z-index:1;pointer-events:none}.theme-knob{position:absolute;top:var(--pad);left:var(--pad);width:calc(var(--h) - (var(--pad) * 2));height:calc(var(--h) - (var(--pad) * 2));border-radius:999px;background:#ffffffa6;box-shadow:0 10px 22px #0000002e,inset 0 0 0 2px #0000000d;display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.theme-knob:before{content:"";position:absolute;inset:-3px;border-radius:999px;background:linear-gradient(135deg,var(--c1),var(--c2),var(--c3));opacity:.35;filter:blur(6px);z-index:-1}.theme-switch:hover .theme-knob{box-shadow:0 12px 28px #00000038,0 0 0 3px #2563eb33,inset 0 0 0 2px #0000000d}.theme-switch:focus-visible{outline:none}.theme-switch:focus-visible .theme-knob{box-shadow:0 0 0 3px #2563eb52,0 12px 28px #00000038,inset 0 0 0 2px #0000000d}.theme-icon{width:18px;height:18px;display:block;position:absolute;transition:opacity .16s ease,transform .22s ease}.theme-icon--sun{opacity:0;transform:scale(.85) rotate(-12deg)}.theme-icon--moon{opacity:1;transform:scale(1) rotate(0)}[data-theme=light] .theme-knob{transform:translate(calc(var(--w) - var(--h)))}[data-theme=light] .theme-icon--sun{opacity:1;transform:scale(1) rotate(0)}[data-theme=light] .theme-icon--moon{opacity:0;transform:scale(.85) rotate(12deg)}@media(max-width:768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:#fff;width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000000d;padding:20px 0}.nav-menu.active{left:0}.nav-toggle{display:flex}.theme-switch{--w: 64px;--h: 30px}}.btn{padding:15px 30px;border:none;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;display:inline-block}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 10px 25px #2563eb4d}.btn-secondary{background:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background:#fff;color:#2563eb;transform:translateY(-2px)}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:15px}.section-header p{font-size:1.2rem;color:#6b7280;max-width:600px;margin:0 auto}.service-card{display:block;background:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 5px 20px #0000001a;transition:all .3s ease;text-align:center;text-decoration:none;color:inherit;cursor:pointer}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.service-link{display:inline-flex;align-items:center;gap:8px;color:#2563eb;font-weight:600;margin-top:15px;transition:gap .3s ease}.service-card:hover .service-link{gap:12px}.service-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px}.service-icon i{font-size:2rem;color:#fff}.service-card h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:15px}.service-card p{color:#6b7280;margin-bottom:20px}.service-card ul{list-style:none;text-align:left}.service-card li{color:#6b7280;margin-bottom:8px;position:relative;padding-left:20px}.service-card li:before{content:"✓";position:absolute;left:0;color:#2563eb;font-weight:700}.platform-card{text-align:center;padding:40px 30px;border-radius:12px;background:#f8fafc;transition:all .3s ease}.platform-card:hover{background:#fff;box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.platform-card i{font-size:4rem;margin-bottom:25px;color:#2563eb}.platform-card h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:15px}.platform-card p{color:#6b7280}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:40px}.stat{text-align:center}.stat h3{font-size:2.5rem;font-weight:700;color:#2563eb;margin-bottom:10px}.stat p{color:#6b7280;font-weight:500}.contact-item{display:flex;align-items:center;margin-bottom:30px}.contact-item i{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;margin-right:20px}.contact-item h3{font-size:1.2rem;font-weight:600;color:#1f2937;margin-bottom:5px}.contact-item p{color:#6b7280}.contact-form{background:#f8fafc;padding:40px;border-radius:12px}.form-group{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group input,.form-group select,.contact-form textarea{padding:15px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.contact-form textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.contact-form textarea{grid-column:1 / -1;resize:vertical;min-height:120px;margin-bottom:20px}.social-links{display:flex;gap:15px;margin-top:20px}.social-links a{width:40px;height:40px;background:#374151;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.social-links a:hover{background:#2563eb;transform:translateY(-2px)}.loading{opacity:0;animation:fadeIn 1s ease-in forwards}@keyframes fadeIn{to{opacity:1}}