:root{
 --gold:#ffd700;
 --pink:#ff0055;
 --blue:#00c3ff;
 --dark:#0b0018;
}

body{
 font-family:'Montserrat',sans-serif;
 background:var(--dark);
 color:#fff;
}

header{
 position:sticky;
 top:0;
 z-index:9999;
 background:linear-gradient(90deg,var(--pink),var(--gold),var(--blue));
}

.navbar-brand{
 font-weight:900;
 font-size:28px;
}

.sidebar{
 background:#0f0f0f;
 min-height:100vh;
 padding:15px;
}

.section-title{
 font-weight:900;
 margin:40px 0 20px;
}

.card{
 background:#121212;
 border:1px solid #222;
}

.hero{
 background:linear-gradient(120deg,var(--pink),var(--blue));
 padding:70px 30px;
 border-radius:22px;
 text-align:center;
}

footer{
 background:#080010;
 color:#888;
 padding:40px 0;
}

@media(max-width:992px){
 .sidebar{display:none;}
}