*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background:#061a2e;color:#fff;padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000001a}.navbar .container{display:flex;justify-content:space-between;align-items:center}.nav-brand h1{font-size:1.8rem;font-weight:700}.nav-links{list-style:none;display:flex;gap:2rem}.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:opacity .3s ease}.nav-links a:hover{opacity:.8}.hero{background:#061a2e;color:#fff;padding:100px 20px;text-align:center;min-height:500px;display:flex;align-items:center;justify-content:center}.hero-content h2{font-size:3.5rem;margin-bottom:1rem;font-weight:700}.hero-content p{font-size:1.3rem;margin-bottom:2rem;opacity:.95}.cta-button{display:inline-block;background:#feb303;color:#061a2e;padding:12px 40px;border-radius:50px;text-decoration:none;font-weight:600;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px #0003}.cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.services{padding:80px 20px;background:#f9f9f9}.services h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#061a2e}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.service-card{background:#fff;padding:2rem;border-radius:10px;text-align:center;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{transform:translateY(-5px);box-shadow:0 5px 25px #00000026}.service-icon{font-size:3rem;margin-bottom:1rem}.service-card h3{color:#061a2e;margin-bottom:1rem;font-size:1.4rem}.service-card p{color:#666;line-height:1.8}.about{padding:80px 20px;background:#fff}.about h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#061a2e}.about-content p{font-size:1.1rem;color:#555;margin-bottom:2rem;line-height:1.8;max-width:800px;margin-left:auto;margin-right:auto}.about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.feature{background:#f9f4e6;padding:1.5rem;border-radius:8px;border-left:4px solid #feb303}.feature h4{color:#061a2e;margin-bottom:.5rem;font-size:1.1rem}.feature p{color:#666;margin:0}.contact{padding:80px 20px;background:#f9f9f9}.contact h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#061a2e}.contact-content{display:block;grid-template-columns:1fr 1fr;gap:3rem;max-width:1000px;margin:0 auto}.contact-form{display:none}.contact-form form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea{padding:12px;border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:1rem;transition:border-color .3s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#feb303;box-shadow:0 0 5px #feb3034d}.submit-btn{background:#feb303;color:#061a2e;padding:12px 30px;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #feb30366}.contact-info{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 10px #0000001a}.contact-info h3{color:#061a2e;margin-bottom:1.5rem;font-size:1.4rem}.contact-info p{color:#555;margin-bottom:1rem;line-height:1.8}.footer{background:#061a2e;color:#fff;text-align:center;padding:2rem;margin-top:0}@media (max-width: 768px){.nav-links{gap:1rem;font-size:.9rem}.hero-content h2{font-size:2rem}.hero-content p{font-size:1rem}.services h2,.about h2,.contact h2{font-size:2rem}.contact-content,.services-grid{grid-template-columns:1fr}}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;color:#333;background-color:#fff}body{margin:0;padding:0;min-width:320px;min-height:100vh}#root{width:100%;margin:0;padding:0}a{text-decoration:none;color:inherit}button{cursor:pointer}