@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background:#0000;left:0;padding:20px 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.header.scrolled{background:#fff;box-shadow:0 5px 20px #0000000d;padding:15px 0}.header .container{align-items:center;display:flex;justify-content:space-between;position:relative}.logo{color:#0f172a;color:var(--secondary);cursor:pointer;font-size:1.8rem;font-weight:700;z-index:1002}.logo-accent{color:#2563eb;color:var(--primary)}.desktop-nav{align-items:center;display:flex}.desktop-nav nav ul{display:flex;list-style:none;margin:0;padding:0}.desktop-nav nav ul li{margin-left:30px}.desktop-nav nav ul li a{color:#0f172a;color:var(--secondary);cursor:pointer;display:block;font-weight:500;padding:5px 0;position:relative;text-decoration:none;transition:color .3s ease}.desktop-nav nav ul li a:hover{color:#2563eb;color:var(--primary)}.desktop-nav nav ul li a:after{background:#2563eb;background:var(--primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.desktop-nav nav ul li a:hover:after{width:100%}.header-cta{margin-left:20px}.header .cta-button{background:#2563eb;background:var(--primary);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin:0;padding:10px 25px;white-space:nowrap}.header .cta-button:hover{background:#3b82f6;background:var(--primary-light);box-shadow:0 4px 10px #2563eb4d}.menu-toggle{background:none;border:none;color:#0f172a;color:var(--secondary);cursor:pointer;display:none;font-size:1.8rem;padding:5px;z-index:1002}.mobile-menu{background:#fff;height:100vh;left:0;overflow-y:auto;padding-top:90px;position:fixed;top:0;transform:translateY(-100%);transition:transform .4s ease;width:100%;z-index:1001}.mobile-menu.active{transform:translateY(0)}.mobile-menu ul{list-style:none;margin:0;padding:0}.mobile-menu ul li{text-align:center}.mobile-menu ul li a{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray);color:#0f172a;color:var(--secondary);display:block;font-size:1.2rem;font-weight:500;padding:18px 0;text-decoration:none;transition:all .3s ease}.mobile-menu ul li a:hover{background:#f8fafc;background:var(--light);color:#2563eb;color:var(--primary)}.mobile-cta{padding:25px 20px}.mobile-cta .cta-button{background:#2563eb;background:var(--primary);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;padding:15px;transition:all .3s ease;width:100%}.mobile-cta .cta-button:hover{background:#3b82f6;background:var(--primary-light);box-shadow:0 4px 10px #2563eb4d;transform:translateY(-2px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-menu ul li{animation:slideIn .4s ease forwards;opacity:0}.mobile-menu ul li:first-child{animation-delay:.1s}.mobile-menu ul li:nth-child(2){animation-delay:.2s}.mobile-menu ul li:nth-child(3){animation-delay:.3s}.mobile-menu ul li:nth-child(4){animation-delay:.4s}.mobile-menu ul li:nth-child(5){animation-delay:.5s}.mobile-menu ul li:nth-child(6){animation-delay:.6s}@media (max-width:992px){.desktop-nav{display:none}.menu-toggle{display:block}}@media (min-width:993px){.menu-toggle,.mobile-menu{display:none}}.hero{background:linear-gradient(135deg,#f0f4f8,#e2e8f0);overflow:hidden;padding:180px 0 100px;position:relative}.hero .container{align-items:center;display:flex;position:relative;z-index:2}.hero-content{flex:1 1;padding-right:50px}.hero-visual{flex:1 1;height:400px;position:relative}.hero-subtitle{color:var(--primary);display:block;font-size:1.2rem;font-weight:500;margin-bottom:10px}.hero-title{color:var(--secondary);font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}.hero-title .accent{color:var(--accent)}.hero-text{color:var(--dark-gray);font-size:1.2rem;margin-bottom:30px;max-width:500px}.code-animation{left:0;position:absolute;top:50px;width:100%}.code-line{animation:pulse 2s ease-in-out infinite;background:var(--primary-light);border-radius:4px;height:8px;margin-bottom:15px;opacity:.7}@keyframes pulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.floating-elements{position:absolute;right:50px;top:100px}.element{position:absolute}.circle{animation:float 8s ease-in-out infinite;background:var(--accent);border-radius:50%;height:80px;opacity:.2;width:80px}.triangle{animation:float 10s ease-in-out infinite;animation-delay:1s;border-bottom:70px solid var(--primary-light);border-left:40px solid #0000;border-right:40px solid #0000;height:0;left:-50px;opacity:.3;top:150px;width:0}.square{animation:float 12s ease-in-out infinite;animation-delay:2s;background:var(--primary);height:60px;left:80px;opacity:.2;top:250px;width:60px}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}to{transform:translateY(0) rotate(0deg)}}@media (max-width:992px){.hero .container{flex-direction:column;text-align:center}.hero-content{margin-bottom:50px;padding-right:0}.hero-text{margin:0 auto 30px}.hero-visual{width:100%}.hero-title{font-size:3rem}}@media (max-width:768px){.hero{padding:150px 0 80px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.floating-elements{display:none}}@media (max-width:576px){.hero{padding:130px 0 60px}.hero-title{font-size:2rem}.hero-text{font-size:1rem}}.hero-cta{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}.secondary-button{background:#0000;border:2px solid var(--primary);border-radius:30px;color:var(--primary);display:inline-block;font-weight:600;padding:12px 30px;text-decoration:none;transition:all .3s ease}.secondary-button:hover{background:var(--primary);color:#fff}@media (max-width:576px){.hero-cta{flex-direction:column}.cta-button,.secondary-button{border-left:10px;text-align:center;width:100%}}.services{background:#fff}.services-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.service-card{background:var(--light);border-radius:15px;box-shadow:0 5px 15px #00000008;padding:30px;text-align:center;transition:all .3s ease}.service-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-10px)}.service-icon{font-size:3rem;margin-bottom:20px}.service-card h3{color:var(--secondary);font-size:1.4rem;margin-bottom:15px}.service-card p{color:var(--dark-gray);line-height:1.6}@media (max-width:768px){.services-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.service-card{padding:20px}}@media (max-width:576px){.services-grid{grid-template-columns:1fr}}.portfolio{background-color:#f9fafb;padding:100px 0}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:40px}.project-card{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-10px)}.project-image{height:200px;overflow:hidden}.project-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:20px}.project-content h3{font-size:1.3rem;margin-bottom:10px}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.tag{background:#e0f2fe;border-radius:20px;color:#0369a1;font-size:.85rem;padding:5px 12px}@media (max-width:992px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:576px){.projects-grid{grid-template-columns:1fr}}.process{background:#fff}.process-steps{display:flex;flex-direction:column;gap:30px;margin-top:50px;position:relative}.process-steps:before{background:var(--gray);content:"";height:100%;left:40px;position:absolute;top:0;width:3px;z-index:1}.step{align-items:flex-start;display:flex;position:relative;z-index:2}.step-number{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin-right:30px;width:80px}.step-content{background:var(--light);border-radius:15px;flex-grow:1;padding:25px}.step-content h3{color:var(--secondary);font-size:1.4rem;margin-bottom:10px}@media (max-width:992px){.process-steps:before{left:30px}.step-number{font-size:1.5rem;height:60px;width:60px}}@media (max-width:768px){.process-steps:before{display:none}.step{align-items:flex-start;flex-direction:column;margin-bottom:30px}.step-number{margin-bottom:15px}}.blog{padding:100px 0}.blog-categories{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.category-btn{background:#e2e8f0;border:none;border-radius:30px;cursor:pointer;font-size:.95rem;padding:8px 20px;transition:all .3s ease}.category-btn.active,.category-btn:hover{background:var(--primary);color:#fff}.articles-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.article-card{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;overflow:hidden;transition:transform .3s ease}.article-card:hover{transform:translateY(-5px)}.article-image{height:180px;overflow:hidden}.article-image img{height:100%;object-fit:cover;width:100%}.article-content{padding:20px}.article-category{background:var(--primary-light);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;margin-bottom:12px;padding:3px 10px}.article-content h3{font-size:1.25rem;line-height:1.4;margin-bottom:10px}.article-excerpt{color:#64748b;font-size:.95rem;margin-bottom:15px}.article-meta{align-items:center;display:flex;justify-content:space-between}.article-date{color:#94a3b8;font-size:.9rem}.read-more{color:var(--primary);font-size:.95rem;font-weight:600;text-decoration:none}.read-more:hover{text-decoration:underline}@media (max-width:992px){.articles-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.blog-categories{justify-content:center}}@media (max-width:576px){.articles-grid{grid-template-columns:1fr}}.contact{background:#fff;padding:80px 0}.contact .container{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr 1fr}.contact-info{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:30px}.info-item{background:var(--light);border-radius:15px;padding:25px}.info-item h3{color:var(--secondary);font-size:1.2rem;margin-bottom:15px}.info-item a,.info-item p{color:var(--dark-gray);text-decoration:none;transition:color .3s ease}.info-item a:hover{color:var(--primary)}.contact-form{background:var(--light);border-radius:20px;padding:40px}.form-group{margin-bottom:20px}.form-group label{color:var(--secondary);display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid var(--gray);border-radius:10px;font-family:inherit;font-size:1rem;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);outline:none}.form-group textarea{min-height:120px;resize:vertical}.success-message{padding:30px;text-align:center}.success-message h3{color:var(--primary);margin-bottom:15px}.error-message{background-color:#ffebee;border-radius:5px;color:#c62828;font-size:.9rem;margin-top:15px;padding:10px}@media (max-width:992px){.contact .container{gap:40px;grid-template-columns:1fr}.contact-info{grid-template-columns:1fr 1fr}}@media (max-width:768px){.contact-form{padding:30px}}@media (max-width:576px){.contact-info{grid-template-columns:1fr}.contact-form{padding:20px}}.footer{background:#0f172a;color:#fff;padding:80px 0 0}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:60px}.footer-brand{margin-right:30px}.footer .logo{color:#fff;font-size:2rem;margin-bottom:20px}.footer p{color:#94a3b8;line-height:1.8;max-width:300px}.footer-contact h3,.footer-links h3{font-size:1.3rem;margin-bottom:25px;position:relative}.footer-contact h3:after,.footer-links h3:after{background:#2563eb;bottom:-10px;content:"";height:3px;left:0;position:absolute;width:40px}.footer-contact ul,.footer-links ul{list-style:none;padding:0}.footer-contact li,.footer-links li{margin-bottom:12px}.footer-contact a,.footer-links a{color:#94a3b8;text-decoration:none;transition:color .3s ease}.footer-contact a:hover,.footer-links a:hover{color:#3b82f6}.footer-bottom{border-top:1px solid #ffffff1a;padding:25px 0;text-align:center}.footer-bottom p{color:#94a3b8;margin-bottom:15px}.footer-actions{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.back-to-top{background:#ffffff1a;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:all .3s ease}.back-to-top:hover{background:#2563eb}.social-links{display:flex;gap:15px}.social-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-btn:hover{background:#2563eb;transform:translateY(-3px)}@media (max-width:992px){.footer-content{gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.footer-actions{flex-direction:column;gap:10px}.footer-bottom{padding:20px 0}.footer-content{margin-bottom:40px}}@media (max-width:576px){.footer{padding:60px 0 0}.footer .logo{font-size:1.8rem}.footer-contact h3,.footer-links h3{font-size:1.2rem}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary:#2563eb;--primary-light:#3b82f6;--secondary:#0f172a;--accent:#8b5cf6;--light:#f8fafc;--gray:#e2e8f0;--dark-gray:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:90%}section{padding:100px 0}h2{display:inline-block;font-size:2.5rem;margin-bottom:20px;position:relative}h2:after{background:#2563eb;background:var(--primary);border-radius:2px;bottom:-10px;content:"";height:4px;left:0;position:absolute;width:60px}.section-subtitle{color:#94a3b8;color:var(--dark-gray);font-size:1.2rem;margin-bottom:50px;max-width:700px}.cta-button{background:#2563eb;background:var(--primary);border:2px solid #2563eb;border:2px solid var(--primary);border-radius:30px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:12px 30px;text-decoration:none;transition:all .3s ease}.cta-button:hover{background:#0000;color:#2563eb;color:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease forwards}@media (max-width:1200px){.container{max-width:100%;padding:0 30px}}@media (max-width:992px){section{padding:80px 0}h2{font-size:2.2rem}.section-subtitle{font-size:1.1rem}}@media (max-width:768px){section{padding:60px 0}h2{font-size:2rem}.container{padding:0 20px}}@media (max-width:576px){section{padding:50px 0}h2{font-size:1.8rem}h2:after{bottom:-8px;height:3px;width:40px}.cta-button{font-size:.9rem;padding:10px 25px}}.header .cta-button{box-shadow:0 4px 10px #2563eb4d;transition:all .3s ease}.header .cta-button:hover{box-shadow:0 6px 15px #2563eb66;transform:translateY(-2px)}
/*# sourceMappingURL=main.cd85b387.css.map*/