body{background:#0b0f19;color:white;margin:0;font-family:Arial; padding-bottom:80px;}
.topnav{display:flex;justify-content:space-between;padding:15px;background:#111;}
.bottomnav{position:fixed;bottom:0;width:100%;background:#111;display:flex;justify-content:space-around;padding:12px 0;}
.logo{width:35px;}
.hero{text-align:center;padding:60px;background:linear-gradient(135deg,#00eaff,#00ffaa,#6a00ff);box-shadow:0 0 20px #00eaff;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;padding:20px;}
.card{background:#1f2937;padding:20px;border-radius:12px;box-shadow:0 0 12px #00eaff66;}
.youtube-grid{text-align:center;padding:20px;}
.page-title{text-align:center;padding:20px;font-size:30px;}