*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f5f5f5;color:#111}header{width:100%;background-color:#0d47a1;padding:16px 32px;color:#fff;box-shadow:0 4px 10px #0000001a}header .container{display:flex;justify-content:space-between;align-items:center}header .brand{font-size:1.8rem;font-weight:700}header nav a{margin-left:20px;color:#fff;text-decoration:none;font-weight:600;transition:color .2s ease}header nav a:hover,header nav a.btn{color:#ffeb3b}footer.footer{width:100%;background-color:#0d47a1;color:#fff;padding:16px 32px;position:relative;bottom:0}footer.footer a{color:#ffeb3b;text-decoration:none}footer.footer a:hover{text-decoration:underline}.whatsapp-float{position:fixed;bottom:30px;right:30px;z-index:999}.whatsapp-float img{width:64px;height:64px;border-radius:12px;box-shadow:0 8px 20px #0003;transition:transform .2s ease}.whatsapp-float img:hover{transform:scale(1.1)}.hero{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding:60px 20px;background:linear-gradient(135deg,#ffeb3b,#2196f3);color:#111}.hero-content{flex:1 1 600px;max-width:700px}.hero-content h1{font-size:2.8rem;font-weight:700;margin-bottom:16px;color:#0d47a1}.hero-content p{font-size:1.1rem;margin-bottom:24px}.hero-buttons{display:flex;gap:16px;margin-bottom:32px}.btn{padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.primary-btn{background-color:#0d47a1;color:#fff}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.secondary-btn{background-color:#ffeb3b;color:#0d47a1}.secondary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.features{display:flex;flex-wrap:wrap;gap:20px}.features .card{background:#fffffff2;padding:20px;border-radius:12px;flex:1 1 200px;min-width:220px;box-shadow:0 8px 20px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.features .card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0003}.features h3{margin-top:0;color:#0d47a1}.hero-image{flex:0 0 360px;display:flex;justify-content:center;margin-top:30px}.contact-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 12px 24px #00000026;text-align:center}.contact-card h3{margin-top:0;color:#0d47a1}.contact-card p{margin-bottom:16px;font-size:.95rem}@media (max-width: 992px){.hero{flex-direction:column;align-items:center}.hero-image{margin-top:40px}header .container,footer .container{flex-direction:column;gap:12px;text-align:center}.features{flex-direction:column;gap:16px}}
