:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--secondary-color:#64748b;--accent-color:#f59e0b;--background-color:#ffffff;--surface-color:#f8fafc;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--shadow-light:0 1px 3px rgba(0, 0, 0, 0.1);--shadow-medium:0 4px 6px rgba(0, 0, 0, 0.1);--shadow-large:0 10px 25px rgba(0, 0, 0, 0.1);--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary:linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}[data-theme="dark"]{--primary-color:#3b82f6;--primary-hover:#2563eb;--secondary-color:#94a3b8;--accent-color:#fbbf24;--background-color:#0f172a;--surface-color:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--border-color:#334155;--shadow-light:0 1px 3px rgba(0, 0, 0, 0.3);--shadow-medium:0 4px 6px rgba(0, 0, 0, 0.3);--shadow-large:0 10px 25px rgba(0, 0, 0, 0.3);--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary:linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--background-color);transition:background-color 0.3s ease,color 0.3s ease;overflow-x:hidden}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.navbar{position:fixed;top:0;width:100%;background:rgb(255 255 255 / .95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;transition:all 0.3s ease}[data-theme="dark"] .navbar{background:rgb(15 23 42 / .95)}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo h2{color:var(--primary-color);font-weight:700;font-size:1.5rem}.nav-menu{display:flex;list-style:none;align-items:center;gap:2rem}.nav-link{text-decoration:none;color:var(--text-primary);font-weight:500;transition:color 0.3s ease;position:relative}.nav-link:hover{color:var(--primary-color)}.nav-link::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-color);transition:width 0.3s ease}.nav-link:hover::after{width:100%}.theme-toggle{background:none;border:2px solid var(--border-color);border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;font-size:1.2rem}.theme-toggle:hover{border-color:var(--primary-color);transform:rotate(180deg)}.hamburger{display:none;flex-direction:column;cursor:pointer}.bar{width:25px;height:3px;background:var(--text-primary);margin:3px 0;transition:0.3s;border-radius:2px}.hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--background-color) 0%,var(--surface-color) 100%);position:relative;overflow:hidden;padding-top:71px;}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom: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="%23e2e8f0" stroke-width="0.5" opacity="0.3"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.5}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-title{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;opacity:0;animation:slideInUp 1s ease 0.2s forwards}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.hero-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;opacity:0;animation:slideInUp 1s ease 0.4s forwards}.hero-buttons{display:flex;gap:1rem;opacity:0;animation:slideInUp 1s ease 0.6s forwards}.btn{padding:1rem 2rem;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-medium)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-large)}.btn-secondary{background:#fff0;color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.btn-full{width:100%}.hero-visual{position:relative;height:500px;opacity:0;animation:fadeIn 1s ease 0.8s forwards}.floating-card{position:absolute;background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-medium);text-align:center;transition:transform 0.3s ease}.floating-card:hover{transform:translateY(-10px)}.card-1{top:20%;left:10%;animation:float 6s ease-in-out infinite}.card-2{top:50%;right:20%;animation:float 6s ease-in-out infinite 2s}.card-3{bottom:20%;left:30%;animation:float 6s ease-in-out infinite 4s}.card-4{bottom:50%;right:40%;animation:float 6s ease-in-out infinite 6s}.card-icon{font-size:2rem;margin-bottom:.5rem}.floating-card h4{color:var(--text-primary);font-weight:600}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:clamp(2rem, 4vw, 3rem);font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.section-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.services{padding:6rem 0;background:var(--surface-color)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.service-card{background:var(--background-color);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all 0.3s ease;opacity:0;transform:translateY(30px)}.service-card.animate{opacity:1;transform:translateY(0)}.service-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-large);border-color:var(--primary-color)}.service-icon{font-size:3rem;margin-bottom:1.5rem;background-color:rgb(59 130 246 / .1);width:4rem;height:4rem;align-items:center;justify-content:center;display:flex;border-radius:20px}.service-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.service-card p{color:var(--text-secondary);margin-bottom:1.5rem}.service-features{list-style:none}.service-features li{color:var(--text-secondary);margin-bottom:.5rem;position:relative;padding-left:1.5rem}.about{padding:6rem 0}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-weight:500}.about-features{display:flex;flex-direction:column;gap:2rem}.feature-item{display:flex;gap:1rem;align-items:flex-start}.feature-icon{font-size:2rem;flex-shrink:0;width:2rem;height:2rem;background:var(--primary-color);color:#fff;align-items:center;justify-content:center;display:flex;border-radius:50%}.feature-content h4{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.feature-content p{color:var(--text-secondary)}.timeline{position:relative;padding:2rem 0}.timeline-line{position:absolute;top:45%;left:0;right:0;height:2px;background:rgb(0 120 255 / .2);transform:translateY(-45%);display:none}@media (min-width:1024px){.timeline-line{display:block}}.development-process-grid{display:grid;gap:2rem}@media (min-width:1024px){.development-process-grid{grid-template-columns:repeat(5,1fr)}}.process-item{text-align:center;position:relative;animation:fadeUp 0.6s ease forwards;animation-delay:var(--delay,0s);opacity:0;h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}p{font-size:.9rem;color:var(--text-secondary);line-height:1.4}}.process-icon{width:64px;height:64px;margin:0 auto 1rem;border-radius:50%;background:#0078ff;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;position:relative;z-index:1}@keyframes fadeUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.contact{padding:6rem 0;background:var(--surface-color)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;gap:1rem;align-items:center}.contact-icon{font-size:1.5rem;width:50px;height:50px;background:var(--primary-color);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-details h4{font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.contact-details p{color:var(--text-secondary)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group input,.form-group textarea{padding:1rem;border:2px solid var(--border-color);border-radius:12px;background:var(--background-color);color:var(--text-primary);font-size:1rem;transition:border-color 0.3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group textarea{resize:vertical;min-height:120px}.footer{background:var(--text-primary);color:var(--background-color);padding:3rem 0 1rem}[data-theme="dark"] .footer{background:#020617}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{margin-bottom:1rem;color:#fff}.footer-section p{color:rgb(255 255 255 / .8);margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:rgb(255 255 255 / .8);text-decoration:none;transition:color 0.3s ease}.footer-section ul li a:hover{color:var(--background-color)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgb(255 255 255 / .1);color:rgb(255 255 255 / .6)}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width:768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:var(--background-color);width:100%;text-align:center;transition:0.3s;box-shadow:var(--shadow-medium);padding:2rem 0;gap:1rem}.nav-menu.active{left:0}.hamburger{display:flex}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hero-container{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-visual{height:300px}.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}.services-grid{grid-template-columns:1fr}.about-content{grid-template-columns:1fr;gap:2rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.contact-content{grid-template-columns:1fr;gap:2rem}.footer-content{grid-template-columns:1fr;text-align:center}}@media (max-width:480px){.container{padding:0 1rem}.nav-container{padding:0 1rem}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.section-title{font-size:1.8rem}.section-subtitle{font-size:1rem}.stats-grid{grid-template-columns:1fr}.stat-number{font-size:2rem}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all 0.6s ease}.animate-on-scroll.animate{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-contrast:high){:root{--border-color:#000000;--text-secondary:#000000}[data-theme="dark"]{--border-color:#ffffff;--text-secondary:#ffffff}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}