:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{color:#333;background-color:#fff;min-width:320px;min-height:100vh;margin:0}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.app{color:#333;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{z-index:1000;background:#fff;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0000001a}.header .container{justify-content:space-between;align-items:center;padding:1rem 20px;display:flex}.logo h2{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700}.nav{gap:2rem;display:flex}.nav a{color:#555;font-weight:500;text-decoration:none;transition:color .3s}.nav a:hover{color:#667eea}.hero{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:120px 0 80px}.hero-content h1{margin-bottom:1.5rem;font-size:3.5rem;font-weight:700;line-height:1.2}.hero-subtitle{opacity:.9;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.25rem}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{border:2px solid #0000;border-radius:50px;padding:12px 30px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{color:#667eea;background:#fff}.btn-primary:hover{background:#f8f9ff;transform:translateY(-2px);box-shadow:0 10px 25px #0003}.btn-secondary{color:#fff;background:0 0;border-color:#fff}.btn-secondary:hover{color:#667eea;background:#fff;transform:translateY(-2px);box-shadow:0 10px 25px #0003}.services{background:#f8f9ff;padding:80px 0}.services h2{text-align:center;color:#333;margin-bottom:3rem;font-size:2.5rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.service-card{text-align:center;background:#fff;border-radius:15px;padding:2.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 5px 20px #0000001a}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.service-icon{justify-content:center;align-items:center;height:96px;margin-bottom:1.5rem;display:flex}.service-icon img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.service-card h3{color:#333;margin-bottom:1rem;font-size:1.5rem}.service-card p{color:#666;line-height:1.7}.about{background:#f8f9ff;padding:80px 0}.about-content h2{text-align:center;color:#333;margin-bottom:2rem;font-size:2.5rem}.about-content p{color:#666;text-align:center;max-width:800px;margin:0 auto 1.5rem;font-size:1.1rem;line-height:1.8}.clients{background:#fff;padding:80px 0}.clients h2{text-align:center;color:#333;margin-bottom:1rem;font-size:2.5rem}.clients-subtitle{text-align:center;color:#666;max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.clients-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.client-card{text-align:center;background:#fff;border-radius:15px;flex-direction:column;justify-content:space-between;min-height:240px;padding:2rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 5px 20px #0000001a}.client-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.client-logo{justify-content:center;align-items:center;height:96px;margin-bottom:1.5rem;display:flex}.client-logo img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.client-card h3{color:#333;margin-bottom:1rem;font-size:1.5rem}.client-card p{color:#666;line-height:1.7}.techstack{background:#fff;padding:80px 0}.techstack h2{text-align:center;color:#333;font-size:2.5rem}.techstack-subtitle{text-align:center;color:#666;max-width:600px;margin:0 auto;font-size:1.2rem}.tech-carousel{justify-content:center;align-items:center;max-width:800px;min-height:150px;margin:0 auto;display:flex}.tech-category{width:100%;animation:.5s techFade}@keyframes techFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tech-category h3{text-align:center;color:#333;margin-bottom:1.25rem;font-size:1.3rem}.tech-badges{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.tech-badge{height:34px;transition:transform .2s}.tech-badge:hover{transform:translateY(-3px)}.tech-dots{justify-content:center;gap:.6rem;margin-top:2rem;display:flex}.tech-dot{cursor:pointer;background:#ccc;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:transform .3s,background .3s}.tech-dot:hover{background:#a5a5a5}.tech-dot.active{background:#667eea;transform:scale(1.3)}.contact{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:80px 0}.contact h2{text-align:center;margin-bottom:1rem;font-size:2.5rem}.contact>.container>p{opacity:.9;text-align:center;margin-bottom:3rem;font-size:1.2rem}.contact-content{grid-template-columns:1fr 1fr;gap:4rem;max-width:1000px;margin:0 auto;display:grid}.contact-info h3{margin-bottom:2rem;font-size:1.5rem}.contact-links{flex-direction:column;gap:1rem;display:flex}.contact-link{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50px;align-items:center;gap:.5rem;padding:12px 25px;text-decoration:none;transition:all .3s;display:inline-flex}.contact-link:hover{background:#fff3;transform:translateY(-2px)}.contact-form-container h3{margin-bottom:2rem;font-size:1.5rem}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{opacity:.9;font-weight:600}.form-group input,.form-group textarea{color:#333;background:#ffffffe6;border:none;border-radius:8px;padding:12px 16px;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{background:#fff;outline:none;box-shadow:0 0 0 3px #ffffff4d}.form-group input:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.submit-btn{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:50px;margin-top:1rem;padding:12px 30px;font-size:1rem;font-weight:600;transition:all .3s}.submit-btn:hover:not(:disabled){background:#f8f9ff;transform:translateY(-2px);box-shadow:0 10px 25px #0003}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-message{border-radius:8px;margin-top:1rem;padding:12px 16px;font-weight:500}.form-message.success{color:#dcfce7;background:#22c55e33;border:2px solid #22c55e80}.form-message.error{color:#fecaca;background:#ef444433;border:2px solid #ef444480}.footer{color:#fff;text-align:center;background:#333;padding:2rem 0}.footer p{opacity:.8}@media (width<=768px){.hero-content h1{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.services h2,.techstack h2,.about-content h2,.clients h2,.contact h2{font-size:2rem}.nav{gap:1rem}.hero-buttons{flex-direction:column;align-items:center}.contact-content{grid-template-columns:1fr;gap:2rem}.contact-links{flex-flow:wrap;justify-content:center}}@media (width<=480px){.header .container{flex-direction:column;gap:1rem}.hero{padding:140px 0 60px}.hero-content h1{font-size:2rem}.services,.techstack,.about,.clients,.contact{padding:60px 0}.contact-links{flex-direction:column;align-items:center}}@media (prefers-color-scheme:dark){.app{color:#e0e0e0;background-color:#121212}.header{background:#1e1e1e;box-shadow:0 2px 10px #0000004d}.nav a{color:#b0b0b0}.nav a:hover{color:#8a9cff}.services{background:#181818}.services h2,.techstack h2,.about-content h2,.clients h2{color:#e0e0e0}.techstack{background:#121212}.techstack-subtitle{color:#b0b0b0}.tech-category h3{color:#e0e0e0}.tech-dot{background:#444}.tech-dot:hover{background:#666}.tech-dot.active{background:#8a9cff}.service-card{background:#2a2a2a;box-shadow:0 5px 20px #0000004d}.service-card h3{color:#e0e0e0}.service-card p{color:#b0b0b0}.about{background:#181818}.about-content p{color:#b0b0b0}.clients{background:#121212}.clients-subtitle{color:#b0b0b0}.client-card{background:#2a2a2a;box-shadow:0 5px 20px #0000004d}.client-card h3{color:#e0e0e0}.client-card p{color:#b0b0b0}.footer{background:#0a0a0a}.footer p{color:#b0b0b0}}