body{margin:0;font-family:Arial;background:#0f172a;color:#e5e7eb}
nav{background:#020617;padding:15px;text-align:center}
nav a{color:#38bdf8;margin:0 15px;text-decoration:none;font-weight:bold}
.hero{height:300px;display:flex;align-items:center;justify-content:center;
background:linear-gradient(135deg,#22c55e,#3b82f6)}
.slider{font-size:32px;color:#fff;animation:fade 1s}
.slide{display:none}
.slide.active{display:block}
.content{padding:60px 20px;text-align:center;animation:slideUp 1s}
footer{background:#020617;padding:20px;text-align:center}

@keyframes slideUp{
from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}