body{
font-family: Arial, sans-serif;
margin:0;
background:#0e0e12;
color:white;
}

.hero{
text-align:center;
padding:60px 20px;
background:linear-gradient(135deg,#5b2cff,#8c52ff);
}

.logo{
width:200px;
margin-bottom:10px;
}

.banner img{
width:100%;
display:block;
}

.container{
max-width:900px;
margin:auto;
padding:40px 20px;
}

h2{
color:#a970ff;
margin-top:40px;
}

ul{
line-height:1.8;
}

footer{
text-align:center;
padding:20px;
background:#111;
color:#888;
}

.footer{
background:#0a0a0f;
padding:60px 20px;
border-top:1px solid #2a2a35;
margin-top:80px;
}

.footer-container{
max-width:1100px;
margin:auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
gap:40px;
}

.footer-col h3{
color:#8c52ff;
margin-bottom:15px;
}

.footer-col a{
display:block;
color:#aaa;
text-decoration:none;
margin-bottom:8px;
transition:0.2s;
}

.footer-col a:hover{
color:#8c52ff;
}

.footer-col p{
color:#aaa;
margin:5px 0;
}

.footer-bottom{
text-align:center;
margin-top:40px;
color:#666;
font-size:14px;
}