*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333}.app{overflow-x:hidden}.navbar{position:fixed;top:0;width:100%;background:transparent;padding:1rem 0;z-index:1000;transition:all .3s ease}.navbar.scrolled{background:#1a237efa;padding:.8rem 0;box-shadow:0 4px 20px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.3rem;font-weight:800;color:#fff;letter-spacing:.5px;display:flex;align-items:center;gap:.8rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.logo-img{height:45px;width:auto;border-radius:8px;box-shadow:0 2px 8px #0000004d}.logo-icon{font-size:1.8rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.menu-toggle span{width:25px;height:3px;background:#fff;margin:3px 0;transition:all .3s ease;border-radius:3px}.menu-toggle span.open:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.menu-toggle span.open:nth-child(2){opacity:0}.menu-toggle span.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-menu{display:flex;list-style:none;gap:.5rem;align-items:center}.nav-menu button{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:.7rem 1.3rem;transition:all .3s ease;text-transform:capitalize;border-radius:8px;font-weight:500;position:relative}.nav-menu button:before{content:"";position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:0;height:2px;background:#ffa726;transition:width .3s ease}.nav-menu button:hover{background:#ffffff1a;transform:translateY(-2px)}.nav-menu button:hover:before,.nav-menu button.active:before{width:60%}.nav-menu button.active{background:#ffa72633;color:#ffa726}.hero{height:100vh;background:linear-gradient(#1a237eb3,#283593cc),url(https://images.unsplash.com/photo-1541888946425-d81bb19240f5?w=1920&q=80);background-size:cover;background-position:center;background-attachment:fixed;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0003}.hero-content{position:relative;z-index:1;max-width:800px;padding:2rem;animation:fadeInUp 1s ease}.hero-title{font-size:4rem;margin-bottom:1rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.5rem;margin-bottom:2rem;opacity:.9}.cta-button{background:#ffa726;color:#fff;border:none;padding:1rem 3rem;font-size:1.1rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 4px 15px #ffa72666}.cta-button:hover{background:#fb8c00;transform:translateY(-3px);box-shadow:0 6px 20px #ffa72699}section{padding:5rem 0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:#1a237e;position:relative}.section-title:after{content:"";display:block;width:80px;height:4px;background:#ffa726;margin:1rem auto 0;border-radius:2px}.services{background:#f5f5f5}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.service-card{background:#fff;padding:2rem;border-radius:10px;text-align:center;transition:all .3s ease;box-shadow:0 2px 10px #0000001a}.service-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #00000026}.service-icon{font-size:3rem;margin-bottom:1rem}.service-card h3{color:#1a237e;margin-bottom:1rem;font-size:1.3rem}.service-card p{color:#666;line-height:1.8}.about{background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.about-content p{margin-bottom:1.5rem;color:#555;font-size:1.1rem;line-height:1.8}.company-details{margin-top:2rem;padding:1.5rem;background:#f5f5f5;border-radius:8px}.detail-item{padding:.5rem 0;color:#555}.detail-item strong{color:#1a237e;margin-right:.5rem}.about-features{display:flex;flex-direction:column;gap:1.5rem}.feature{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f5f5f5;border-radius:8px;transition:all .3s ease}.feature:hover{background:#1a237e;color:#fff;transform:translate(10px)}.feature-icon{font-size:1.5rem;color:#ffa726;font-weight:700}.contact{background:#f5f5f5}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.contact-info h3{color:#1a237e;margin-bottom:2rem;font-size:1.5rem}.info-item{display:flex;gap:1rem;margin-bottom:2rem;align-items:flex-start}.info-icon{font-size:1.5rem;color:#ffa726}.info-item strong{display:block;color:#1a237e;margin-bottom:.5rem}.info-item p{color:#666;line-height:1.6}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea{padding:1rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#1a237e}.submit-button{background:#1a237e;color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600}.submit-button:hover{background:#283593;transform:translateY(-2px);box-shadow:0 4px 15px #1a237e4d}.footer{background:#1a237e;color:#fff;text-align:center;padding:2rem 0}.footer p{opacity:.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.menu-toggle{display:flex}.nav-menu{position:fixed;top:0;right:-100%;height:100vh;width:70%;max-width:300px;background:#1a237efa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;justify-content:center;gap:2rem;transition:right .3s ease;box-shadow:-5px 0 20px #0000004d}.nav-menu.active{right:0}.nav-menu button{font-size:1.2rem;padding:1rem 2rem;width:100%;text-align:left}.logo{font-size:1.1rem}.logo-img{height:35px}.logo-icon{font-size:1.5rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.about-grid,.contact-grid,.services-grid{grid-template-columns:1fr}.section-title{font-size:2rem}}html{scroll-behavior:smooth}body{margin:0;padding:0}