body{margin:0;font-family:Arial,sans-serif;background:#f5f5fb;color:#222}
header{background:linear-gradient(135deg,#7c4dff,#5c6cff);color:#fff;padding:18px}
nav a{color:#fff;margin-right:18px;text-decoration:none}
.container{max-width:900px;margin:auto;padding:24px}
.hero{text-align:center;padding:50px 0}
.card{background:#fff;border-radius:14px;padding:18px;margin:14px 0;box-shadow:0 2px 8px rgba(0,0,0,.08)}
details{margin:12px 0;background:#fff;border-radius:12px;padding:12px}
footer{text-align:center;padding:25px;color:#666}