body{
margin:0;
font-family:'Poppins',sans-serif;
color:white;
background:linear-gradient(-45deg,#1e3a8a,#7c3aed,#0ea5e9,#14b8a6);
background-size:400% 400%;
animation:gradientBG 12s ease infinite;
}

@keyframes gradientBG{
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}

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

.menu{display:flex;gap:10px;margin-bottom:20px}

.menu a{
background:rgba(255,255,255,0.2);
padding:8px 14px;
border-radius:8px;
text-decoration:none;
color:white;
}

.card{
background:rgba(255,255,255,0.1);
backdrop-filter:blur(12px);
padding:25px;
border-radius:20px;
margin-bottom:25px;
}

.grid-buttons{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
gap:10px;
}

.button{
padding:12px;
text-align:center;
border-radius:10px;
color:white;
text-decoration:none;
}

.blue{background:#2563eb}
.green{background:#16a34a}
.orange{background:#f97316}
.purple{background:#9333ea}
.teal{background:#0d9488}

.ip-box{font-size:1.5em;margin-bottom:10px}

.news-item{padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.2)}

.news-item a{color:#facc15;text-decoration:none}

.footer{text-align:center;margin-top:40px;opacity:0.7}