*{margin:0;padding:0;box-sizing:border-box;font-family: Arial;}
header{background:#111;color:#fff;padding:15px 5%;display:flex;justify-content:space-between;align-items:center;}
header a{color:#fff;text-decoration:none;margin-left:15px;}
.logo{font-weight:bold;font-size:22px;}
nav a:hover{color:#00c6ff;}
.container{max-width:1100px;margin:30px auto;padding:0 15px;}
.hero{text-align:center;padding:50px 20px;background:#f5f7ff;border-radius:12px;}
.hero h1{font-size:32px;margin-bottom:10px;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px;}
.card{border:1px solid #ddd;padding:20px;border-radius:10px;text-align:center;}
.card a{display:inline-block;margin-top:10px;background:#111;color:#fff;padding:8px 15px;border-radius:20px;text-decoration:none;}
.content{line-height:1.7;}
.content h2{margin:20px 0 10px;}
footer{background:#111;color:#ccc;text-align:center;padding:25px;margin-top:50px;}
footer a{color:#ccc;margin:0 10px;text-decoration:none;}