body{margin:0;font-family:'Inter',sans-serif;background:#f5f9ff;color:#222}
.hero{background:linear-gradient(135deg,#0d3b66,#1e73be);color:#fff;text-align:center;padding:90px 20px}
.hero img{width:220px;height:220px;border-radius:50%;object-fit:cover;border:6px solid #fff;margin-bottom:20px}
h1{margin:10px 0;font-size:36px}
.container{max-width:1100px;margin:auto;padding:60px 20px}
.card{background:#fff;padding:40px;border-radius:18px;box-shadow:0 15px 40px rgba(0,0,0,.06);margin-bottom:50px}
h2{color:#0d3b66;margin-bottom:20px}
ul{padding-left:20px}
.btn{display:inline-block;padding:16px 32px;background:#1e73be;color:#fff;text-decoration:none;border-radius:12px;font-weight:600;margin-top:20px;transition:.3s}
.btn:hover{background:#0d3b66;transform:translateY(-2px)}
footer{background:#0d3b66;color:#fff;text-align:center;padding:30px}
@media(max-width:768px){h1{font-size:26px}.hero{padding:60px 20px}}