body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);color:#fff;line-height:1.8}
header{position:sticky;top:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);z-index:1000}
nav ul{list-style:none;margin:0;padding:15px;display:flex;justify-content:center;flex-wrap:wrap;gap:20px}
nav li a{text-decoration:none;color:#fff;font-weight:600}
.hero{text-align:center;padding:100px 20px}
.hero img,.content-section img{max-width:100%;border-radius:20px;margin-top:25px}
.card-box{background:rgba(255,255,255,.08);padding:25px;border-radius:18px;height:100%}
.content-section{padding:80px 20px}
.alt{background:rgba(255,255,255,.05)}
footer{padding:50px 20px;text-align:center;background:rgba(0,0,0,.5)}
.socials a{color:#fff;margin:0 10px;text-decoration:none}
.fadeup{opacity:0;transform:translateY(40px);transition:all .8s}
.fadeup.show{opacity:1;transform:none}
aside ul, nav ul {	list-style: none;display: flex; justify-content: center;padding: 8px 0;margin: 0;flex-wrap: wrap; }
aside li, nav li {margin: 8px 18px;}
img {margin: 8px auto; display:block;}
li a { text-decoration: none;color: inherit;};