*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:#f4f8fc;color:#16396d}header{background:linear-gradient(135deg,#0e5fa7,#17336c);padding:20px}.logo{display:flex;align-items:center;gap:15px;color:#fff;width:min(1200px,90%);margin:auto}.logo img{width:70px}.hero{min-height:85vh;display:grid;place-items:center}.wrap{display:flex;gap:60px;flex-wrap:wrap;align-items:center;width:min(1200px,90%)}.hero-logo{width:320px}.btn{display:inline-block;margin:20px 0;padding:14px 30px;background:#0e74c9;color:#fff;text-decoration:none;border-radius:30px}.card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1)}footer{text-align:center;background:#17336c;color:#fff;padding:20px}span{color:#0e74c9}@media(max-width:768px){.wrap{text-align:center;justify-content:center}.hero-logo{width:220px}}