*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Arial}
body{background:#f4faff;color:#003049}
header{background:linear-gradient(90deg,#e0f7ff,#ccefff);padding:20px;border-bottom:2px solid #00b4d8}
header h1{color:#0077b6}
nav a{margin-right:15px;color:#005f73;text-decoration:none;font-weight:600}
nav a:hover{color:#00b4d8}
.hero{background:linear-gradient(135deg,#e0fbfc,#caf0f8);padding:80px;text-align:center}
.hero h2{font-size:2.5rem;color:#0077b6}
.hero p{font-size:1.2rem;margin-top:10px}
.container{max-width:1100px;margin:auto;padding:40px}
.card{background:white;padding:25px;border-radius:12px;margin-bottom:20px;
box-shadow:0 8px 20px rgba(0,0,0,0.08)}
.button{display:inline-block;background:#00b4d8;color:white;
padding:12px 30px;border-radius:25px;text-decoration:none;font-weight:bold}
.button:hover{background:#0077b6}
footer{text-align:center;padding:15px;background:#e0f7ff;color:#005f73}