.navbar{background-color:#2c3e50;padding:1rem 0;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700;white-space:nowrap}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px;z-index:1001}.hamburger span{width:25px;height:3px;background-color:#fff;transition:all .3s ease;border-radius:3px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-menu{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-link{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease}.nav-link:hover{color:#3498db}@media (max-width: 768px){.nav-logo{font-size:1.2rem}.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:#2c3e50;width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000000d;padding:2rem 0;gap:0;max-height:calc(100vh - 70px);overflow-y:auto}.nav-menu.active{left:0}.nav-item{margin:1rem 0}.nav-link{font-size:1.1rem;display:block;padding:.5rem 1rem}}@media (max-width: 480px){.nav-logo{font-size:1rem}.hamburger span{width:20px;height:2px}.nav-link{font-size:1rem;padding:.4rem .8rem}}.home{width:100%}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 20px;text-align:center}.hero-content h1{font-size:3rem;margin-bottom:1rem;line-height:1.2}.hero-content p{font-size:1.5rem;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:12px 30px;border-radius:5px;text-decoration:none;font-weight:700;transition:transform .3s ease}.btn-primary{background-color:#3498db;color:#fff}.btn-secondary{background-color:#fff;color:#667eea}.features{padding:80px 20px;text-align:center}.features h2{font-size:2.5rem;margin-bottom:3rem;color:#2c3e50}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{color:#667eea;margin-bottom:1rem;font-size:1.5rem}.cta{background-color:#f8f9fa;padding:80px 20px;text-align:center}.cta h2{font-size:2.5rem;margin-bottom:1rem;color:#2c3e50}.cta p{font-size:1.2rem;margin-bottom:2rem;color:#7f8c8d}@media (max-width: 768px){.hero{padding:60px 20px}.hero-content h1{font-size:2rem}.hero-content p{font-size:1.2rem}.hero-buttons{flex-direction:column;align-items:center;width:100%}.btn{width:100%;max-width:300px;text-align:center}.features{padding:60px 20px}.features h2{font-size:2rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}.feature-card h3{font-size:1.3rem}.cta{padding:60px 20px}.cta h2{font-size:2rem}.cta p{font-size:1rem}}@media (max-width: 480px){.hero-content h1{font-size:1.8rem}.hero-content p{font-size:1rem}.features h2,.cta h2{font-size:1.8rem}}.services{width:100%}.services-header{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:40px}.services-header h1{font-size:3rem;margin-bottom:1rem}.services-header p{font-size:1.3rem;opacity:.9}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;padding:0 20px 60px;max-width:1200px;margin:0 auto}.service-card{background:#fff;border-radius:10px;padding:2rem;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003}.service-card h2{color:#667eea;margin-bottom:1rem;font-size:1.8rem}.service-description{color:#7f8c8d;margin-bottom:1.5rem;line-height:1.6}.service-features{list-style:none;padding:0}.service-features li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#34495e}.service-features li:before{content:"✓";position:absolute;left:0;color:#27ae60;font-weight:700}@media (max-width: 768px){.services-header{padding:40px 20px}.services-header h1{font-size:2rem}.services-header p{font-size:1.1rem}.services-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 20px 40px}.service-card{padding:1.5rem}.service-card h2{font-size:1.5rem}.service-description{font-size:.95rem}}@media (max-width: 480px){.services-header h1{font-size:1.8rem}.services-header p{font-size:1rem}.service-card h2{font-size:1.3rem}}.industries{width:100%}.industries-header{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:40px}.industries-header h1{font-size:3rem;margin-bottom:1rem}.industries-header p{font-size:1.3rem;opacity:.9}.industries-intro{max-width:1000px;margin:0 auto 60px;padding:0 20px;text-align:center}.industries-intro p{font-size:1.2rem;line-height:1.8;color:#7f8c8d}.industries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;padding:0 20px 60px;max-width:1400px;margin:0 auto}.industry-card{background:#fff;border-radius:10px;padding:2rem;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.industry-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003}.industry-icon{font-size:4rem;text-align:center;margin-bottom:1rem}.industry-card h2{color:#667eea;margin-bottom:.5rem;font-size:1.8rem;text-align:center}.industry-description{color:#7f8c8d;text-align:center;margin-bottom:1.5rem;line-height:1.6}.industry-services{margin-bottom:1.5rem}.industry-services h3{color:#2c3e50;margin-bottom:.75rem;font-size:1.2rem}.industry-services ul{list-style:none;padding:0}.industry-services li{padding:.4rem 0 .4rem 1.5rem;position:relative;color:#34495e}.industry-services li:before{content:"✓";position:absolute;left:0;color:#27ae60;font-weight:700}.industry-case-study{background:#f8f9fa;padding:1rem;border-radius:5px;border-left:4px solid #667eea}.industry-case-study h3{color:#2c3e50;margin-bottom:.5rem;font-size:1.1rem}.industry-case-study p{color:#7f8c8d;font-size:.95rem;line-height:1.5;margin:0}.industries-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:60px 20px;margin:0 20px 60px;border-radius:10px}.industries-cta h2{font-size:2.5rem;margin-bottom:1rem}.industries-cta p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.btn{padding:12px 30px;border-radius:5px;text-decoration:none;font-weight:700;transition:transform .3s ease;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn-primary{background-color:#fff;color:#667eea}@media (max-width: 768px){.industries-header{padding:40px 20px}.industries-header h1{font-size:2rem}.industries-header p{font-size:1.1rem}.industries-intro{margin:0 auto 40px}.industries-intro p{font-size:1rem}.industries-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 20px 40px}.industry-card{padding:1.5rem}.industry-icon{font-size:3rem}.industry-card h2{font-size:1.5rem}.industry-description{font-size:.95rem}.industry-services h3{font-size:1.1rem}.industry-case-study h3{font-size:1rem}.industry-case-study p{font-size:.9rem}.industries-cta{padding:40px 20px;margin:0 20px 40px}.industries-cta h2{font-size:1.8rem}.industries-cta p{font-size:1rem}}@media (max-width: 480px){.industries-header h1{font-size:1.8rem}.industries-header p{font-size:1rem}.industry-icon{font-size:2.5rem}.industry-card h2{font-size:1.3rem}.industries-cta h2{font-size:1.5rem}}.portfolio{width:100%}.portfolio-header{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:40px}.portfolio-header h1{font-size:3rem;margin-bottom:1rem}.portfolio-header p{font-size:1.3rem;opacity:.9}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;padding:0 20px 60px;max-width:1200px;margin:0 auto}.project-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003}.project-image-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);height:200px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}.project-content{padding:1.5rem}.project-content h2{color:#2c3e50;margin-bottom:.5rem;font-size:1.5rem}.project-client{color:#667eea;font-weight:500;margin-bottom:1rem}.project-description{color:#7f8c8d;line-height:1.6;margin-bottom:1rem}.project-tech{margin-bottom:1rem}.project-tech strong{color:#2c3e50}.project-tech ul{list-style:none;padding:0;margin-top:.5rem}.project-tech li{padding:.3rem 0 .3rem 1.5rem;position:relative;color:#34495e}.project-tech li:before{content:"•";position:absolute;left:0;color:#667eea;font-weight:700}.project-duration{color:#7f8c8d;font-size:.9rem}@media (max-width: 768px){.portfolio-header{padding:40px 20px}.portfolio-header h1{font-size:2rem}.portfolio-header p{font-size:1.1rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 20px 40px}.project-image-placeholder{height:150px;font-size:1.2rem}.project-content{padding:1.2rem}.project-content h2{font-size:1.3rem}.project-client,.project-description,.project-tech strong{font-size:.95rem}.project-tech li{font-size:.9rem}.project-duration{font-size:.85rem}}@media (max-width: 480px){.portfolio-header h1{font-size:1.8rem}.portfolio-header p{font-size:1rem}.project-image-placeholder{height:120px;font-size:1rem}.project-content h2{font-size:1.2rem}}.about{width:100%}.about-header{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:40px}.about-header h1{font-size:3rem;margin-bottom:1rem}.about-header p{font-size:1.3rem;opacity:.9}.about-section{padding:60px 20px;max-width:1000px;margin:0 auto}.about-section.alt{background-color:#f8f9fa}.about-content h2{font-size:2.5rem;color:#2c3e50;margin-bottom:1.5rem;text-align:center}.about-content p{color:#7f8c8d;line-height:1.8;margin-bottom:1rem;font-size:1.1rem}.expertise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.expertise-item{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.expertise-item h3{color:#667eea;margin-bottom:1rem;font-size:1.3rem}.expertise-item ul{list-style:none;padding:0}.expertise-item li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#34495e}.expertise-item li:before{content:"✓";position:absolute;left:0;color:#27ae60;font-weight:700}.values{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:2rem}.value-item{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px}.value-item h3{margin-bottom:.5rem;font-size:1.3rem}.value-item p{color:#fff;opacity:.9;font-size:.95rem;margin:0}@media (max-width: 768px){.about-header{padding:40px 20px}.about-header h1{font-size:2rem}.about-header p{font-size:1.1rem}.about-section{padding:40px 20px}.about-content h2{font-size:2rem}.about-content p{font-size:1rem}.expertise-grid{grid-template-columns:1fr;gap:1.5rem}.expertise-item{padding:1.2rem}.expertise-item h3{font-size:1.2rem}.values{grid-template-columns:1fr;gap:1rem}.value-item{padding:1.2rem}.value-item h3{font-size:1.2rem}.value-item p{font-size:.9rem}}@media (max-width: 480px){.about-header h1{font-size:1.8rem}.about-header p{font-size:1rem}.about-content h2{font-size:1.8rem}.expertise-item h3,.value-item h3{font-size:1.1rem}}.contact{width:100%}.contact-header{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:40px}.contact-header h1{font-size:3rem;margin-bottom:1rem}.contact-header p{font-size:1.3rem;opacity:.9}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:0 20px 60px;max-width:1200px;margin:0 auto}.contact-info{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;height:fit-content}.contact-info h2{color:#2c3e50;margin-bottom:1.5rem;font-size:2rem}.info-item{margin-bottom:1.5rem}.info-item h3{color:#667eea;margin-bottom:.5rem;font-size:1.2rem}.info-item p{color:#7f8c8d;line-height:1.6}.contact-form-container{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a}.contact-form-container h2{color:#2c3e50;margin-bottom:1.5rem;font-size:2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#2c3e50;font-weight:500}.form-group input,.form-group select,.form-group textarea{padding:12px;border:1px solid #ddd;border-radius:5px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:14px 30px;border:none;border-radius:5px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #667eea66}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-message{padding:1rem;border-radius:5px;margin-top:1rem;text-align:center}.form-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.validation-error{color:#dc3545;font-size:.85rem;margin-top:.25rem}.success-message{background:#fff;padding:3rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center;max-width:600px;margin:0 auto}.success-message h2{color:#27ae60;margin-bottom:1rem;font-size:2rem}.success-message p{color:#7f8c8d;margin-bottom:2rem;font-size:1.1rem}@media (max-width: 768px){.contact-header{padding:40px 20px}.contact-header h1{font-size:2rem}.contact-header p{font-size:1.1rem}.contact-container{grid-template-columns:1fr;gap:2rem;padding:0 20px 40px}.contact-info{padding:1.5rem}.contact-info h2{font-size:1.5rem}.info-item h3{font-size:1.1rem}.info-item p{font-size:.95rem}.contact-form-container{padding:1.5rem}.contact-form-container h2{font-size:1.5rem}.form-group input,.form-group select,.form-group textarea{padding:10px;font-size:.95rem}.submit-btn{padding:12px 24px;font-size:1rem}}@media (max-width: 480px){.contact-header h1{font-size:1.8rem}.contact-header p{font-size:1rem}.contact-info h2,.contact-form-container h2{font-size:1.3rem}.form-group input,.form-group select,.form-group textarea{padding:8px;font-size:.9rem}.submit-btn{padding:10px 20px;font-size:.95rem}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%}.footer{background-color:#2c3e50;color:#fff;text-align:center;padding:20px;margin-top:auto}@media (max-width: 768px){.main-content{padding:10px}.footer{padding:15px;font-size:.9rem}}@media (max-width: 480px){.main-content{padding:5px}.footer{padding:10px;font-size:.85rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}img{max-width:100%;height:auto}a{text-decoration:none}button{font-family:inherit}@media (max-width: 768px){body{font-size:14px}}@media (max-width: 480px){body{font-size:13px}}