body{margin:0;font-family:Arial,sans-serif;background:#0f172a;color:#fff}html{scroll-behavior:smooth}.nav{display:flex;justify-content:space-between;padding:18px 8%;position:sticky;top:0;background:#111827}.nav a{color:#fff;margin:0 10px;text-decoration:none}.hero{min-height:70vh;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);animation:bg 8s infinite alternate}.hero h2{font-size:3rem;max-width:700px}.hero button{padding:12px 22px;border:none;border-radius:8px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;padding:20px}.card{background:#1f2937;padding:40px;border-radius:12px;transition:.3s}.card:hover{transform:translateY(-8px)}section{padding:70px 8%}input,textarea{display:block;width:100%;margin:10px 0;padding:10px}footer{text-align:center;padding:30px}@keyframes bg{from{filter:hue-rotate(0)}to{filter:hue-rotate(45deg)}}.show{opacity:1;transform:none}.card{opacity:0;transform:translateY(30px)}