body{margin:0;font-family:Arial,sans-serif;background:#09090f;color:#fff}
.wrap{display:flex;justify-content:space-between;padding:20px 5%}
nav a{color:#fff;margin:0 10px;text-decoration:none}
.hero{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg,#12061f,#7b3ff2)}
.btn,.wa{padding:12px 20px;border-radius:8px;text-decoration:none;margin:5px}
.btn{background:#7b3ff2;color:#fff}.wa{background:#25D366;color:#fff}
.section{padding:80px 5%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#151525;padding:25px;border-radius:15px;transition:.3s}.card:hover{transform:translateY(-8px)}
input,textarea{width:100%;padding:12px;margin:8px 0}
button{padding:12px 20px;background:#7b3ff2;color:#fff;border:0}