:root{--p:#6b46c1;--d:#111827;--l:#f9fafb}
*{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;color:var(--d);line-height:1.6}
header,footer{background:#f3f4f6;padding:1rem}.wrap{max-width:1100px;margin:auto;padding:1rem}
nav a{margin:.4rem;text-decoration:none;color:var(--d)}
.hero{padding:3rem 1rem;text-align:center}.btn{display:inline-block;background:var(--p);color:#fff;padding:.8rem 1.2rem;border-radius:8px;text-decoration:none}
section{padding:1rem 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
@media(max-width:768px){nav{display:flex;flex-wrap:wrap}}