*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background-color:#f5f7fb;font-family:Arial,sans-serif}.navbar{color:#fff;background-color:#111827;justify-content:space-between;align-items:center;padding:20px 8%;display:flex}.logo{font-size:25px;font-weight:700}.nav-links{gap:25px;display:flex}.nav-links a{color:#fff;font-size:16px;text-decoration:none}.nav-links a:hover{color:#60a5fa}.nav-links a.active{color:#60a5fa;font-weight:700}.hero{color:#fff;text-align:center;background:linear-gradient(135deg,#111827,#2563eb);flex-direction:column;justify-content:center;align-items:center;min-height:500px;padding:40px 20px;display:flex}.hero h1{margin-bottom:20px;font-size:50px}.hero p{max-width:600px;margin-bottom:30px;font-size:18px;line-height:1.7}button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:13px 25px;font-size:16px}button:hover{background-color:#1d4ed8}.home-section{text-align:center;padding:70px 8%}.home-section h2{margin-bottom:40px;font-size:32px}.cards{flex-wrap:wrap;justify-content:center;gap:25px;display:flex}.card{background-color:#fff;border-radius:10px;width:280px;padding:30px;box-shadow:0 5px 20px #00000014}.card h3{margin-bottom:15px;font-size:22px}.card p{line-height:1.6}.green{justify-content:space-between;display:flex}.page{background:linear-gradient(#cdd3e1,#04308e);min-height:600px;padding:70px 8%}.page h1{margin-bottom:25px;font-size:40px}.page h2{margin-top:40px;margin-bottom:15px}.page p{max-width:700px;margin-bottom:20px;line-height:1.8}.services{flex-wrap:wrap;gap:25px;margin-top:40px;display:flex}.service-card{background-color:#fff;border-radius:10px;width:300px;padding:30px;box-shadow:0 5px 20px #00000014}.service-card h2{margin-top:0;margin-bottom:15px}.service-card p{margin-bottom:20px}.contact-form{flex-direction:column;gap:10px;max-width:600px;margin-top:30px;display:flex}.contact-form label{margin-top:10px;font-weight:700}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:6px;padding:13px;font-family:Arial,sans-serif;font-size:16px}.contact-form input:focus,.contact-form textarea:focus{border-color:#2563eb;outline:none}.contact-form textarea{resize:vertical}.contact-form button{margin-top:15px}.footer{color:#fff;text-align:center;background-color:#111827;padding:25px}@media (width<=768px){.navbar{flex-direction:column;gap:20px}.nav-links{gap:15px}.hero h1{font-size:35px}.hero p{font-size:16px}.cards,.services{flex-direction:column;align-items:center}.service-card{width:100%;max-width:400px}}