body{margin:0;font-family:Arial,sans-serif;background:#0F172A;color:#F8FAFC}
nav{display:flex;justify-content:space-between;padding:1rem 2rem;background:#1E293B;position:sticky;top:0}
nav ul{display:flex;gap:1rem;list-style:none}a{color:#38BDF8;text-decoration:none}
.hero{text-align:center;padding:6rem 1rem}.btn{display:inline-block;background:#38BDF8;color:#000;padding:.8rem 1.2rem;border-radius:8px}
section{padding:3rem 2rem;max-width:1000px;margin:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.card{background:#1E293B;padding:1rem;border-radius:12px}input,textarea{width:100%;margin:.5rem 0;padding:.7rem}button{padding:.7rem 1rem}
footer{text-align:center;padding:2rem;color:#94A3B8}