body{margin:0;font-family:sans-serif;background:#0f172a;color:#fff}
.container{width:90%;margin:auto;max-width:1100px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
nav a{margin-left:15px;color:#fff;text-decoration:none}
.hero{text-align:center;padding:100px 0;background:linear-gradient(135deg,#0ea5e9,#22c55e)}
.btn{background:#fff;color:#000;padding:10px 20px;border-radius:5px;text-decoration:none}
.features{padding:60px 0;background:#111827}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#1f2937;padding:20px;border-radius:10px}
.about,.contact{padding:60px 0;text-align:center}
input,textarea{width:100%;margin:10px 0;padding:10px;border:none;border-radius:5px}
button{padding:10px 20px;border:none;border-radius:5px;background:#22c55e;color:#000}
footer{text-align:center;padding:20px;background:#020617}