body{font-family:tahoma;background:#f5f5f7;margin:0}
.header{background:#6f3ff5;color:#fff;padding:15px}
.header a{color:#fff;margin:0 10px;text-decoration:none}
.hero{padding:80px;text-align:center;background:linear-gradient(135deg,#6f3ff5,#9f7aea);color:#fff}
.btn{background:#fff;color:#6f3ff5;padding:10px 20px;border-radius:6px;text-decoration:none}
.courses{display:flex;gap:20px;padding:40px}
.course-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.08)}