body{margin:0;font-family:"Orbitron",Arial,sans-serif;background:#0a0a0a;color:#fff;}
.topnav{background:#111;display:flex;justify-content:center;align-items:center;border-radius:8px;padding:6px 0;box-shadow:0 0 12px rgba(0,255,255,0.3);flex-wrap:wrap;margin:10px;}
.topnav a{color:#0ff;padding:8px 12px;text-decoration:none;margin:4px;border-radius:6px;text-shadow:0 0 4px #0ff,0 0 8px #0ff;transition:0.3s;}
.topnav a:hover{color:#ff008c;text-shadow:0 0 8px #ff008c,0 0 16px #ff008c,0 0 24px #0ff;transform:translateY(-1px);box-shadow:0 0 8px #0ff,0 0 16px #ff008c;animation:neonPulse 1s infinite alternate;}
.topnav a.active{color:#fff;text-shadow:0 0 6px #0ff,0 0 12px #ff008c;font-weight:bold;box-shadow:0 0 10px #0ff,0 0 20px #ff008c;}
@keyframes neonPulse{0%{text-shadow:0 0 6px #ff008c,0 0 12px #0ff;}50%{text-shadow:0 0 12px #ff008c,0 0 24px #0ff;}100%{text-shadow:0 0 6px #ff008c,0 0 12px #0ff;}}
header{background:#222;color:#fff;text-align:center;padding:20px;margin:10px;border-radius:8px;box-shadow:0 0 12px rgba(0,255,255,0.3);}
.main{display:flex;gap:10px;padding:10px;}
.left{width:20%;display:grid;grid-template-rows:repeat(9,auto);gap:10px;}
.left .box{background:#1a1a1a;padding:10px;text-align:center;border:1px solid #0ff;border-radius:6px;}
.center{width:60%;display:flex;flex-direction:column;gap:10px;align-items:center;}
.center .news-box{background:#111133;padding:15px;width:90%;border:1px solid #0ff;border-radius:6px;}
.right{width:20%;display:grid;grid-template-rows:repeat(9,auto);gap:10px;}
.right .box{background:#1a1a1a;padding:10px;text-align:center;border:1px solid #ff008c;border-radius:6px;}
@media(max-width:1200px){.main{flex-direction:column;}.left,.center,.right{width:100%;}}
footer{text-align:center;padding:20px;background:#111;color:#0ff;margin:10px;border-radius:8px;box-shadow:0 0 12px rgba(0,255,255,0.3);}