body{margin:0;background:#121212;font-family:sans-serif;color:white}
.topbar{height:60px;background:#1e1e1e;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}
.logo{height:30px}.btn{padding:6px 14px;border-radius:10px;border:none;cursor:pointer;font-weight:bold;background:#0ff;color:#000}
.menu-toggle{color:white;font-size:24px;cursor:pointer}
.mobile-menu{display:none;flex-direction:column;background:#1e1e1e;position:absolute;top:60px;right:0;width:200px;border-left:1px solid #444;z-index:10}
.mobile-menu a{padding:1rem;text-decoration:none;color:#0ff;border-bottom:1px solid #333}
.mobile-menu.show{display:flex}.main-content{padding:80px 1rem 2rem}
.section-title{font-size:20px;margin:2rem 0 1rem}
.banner img{width:100%;max-width:700px;border-radius:12px;display:block;margin:auto}
.event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.event-card{background:#1c1c1c;border-radius:12px;padding:1rem;text-align:center}
.event-card img{width:100%;border-radius:8px;margin-bottom:0.5rem}
.event-desc{font-size:15px;margin-bottom:0.5rem}
.event-desc button{background:#0af;color:white;padding:6px 14px;border:none;border-radius:8px;cursor:pointer}
.sponsor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;justify-items:center}
.sponsor-img{max-width:380px;width:100%;aspect-ratio:380/138;object-fit:contain;max-width:380px;width:100%;aspect-ratio:380/138;object-fit:contain;width:100%;max-width:380px;aspect-ratio:380/138;object-fit:contain;border-radius:8px;border:2px solid #444}
.silver-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;justify-items:center}
.silver-img{width:100%;max-width:160px;aspect-ratio:160/80;object-fit:contain;border:1px solid #444;padding:6px;border-radius:10px}
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000a;align-items:center;justify-content:center;z-index:999}
.modal-content{background:#222;padding:2rem;border-radius:12px;text-align:center;position:relative;width:90%;max-width:320px}
.modal input{width:100%;padding:10px;margin:8px 0;border-radius:6px;border:none}
.modal-content button{margin-top:10px;background:#0af;color:white;padding:8px 14px;border:none;border-radius:8px}
.close{position:absolute;top:10px;right:14px;cursor:pointer;font-size:20px;color:white}
.bonus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem}
.bonus-card{background:#1e1e1e;border-radius:10px;padding:1rem;text-align:center}
.bonus-card img{width:100%;border-radius:10px;margin-bottom:0.5rem}
.bonus-card h4{margin:0.5rem 0 0.2rem}
.bonus-card p{font-size:14px;color:#ccc}
.bonus-card button{margin-top:8px;padding:6px 14px;background:#09f;color:white;border:none;border-radius:8px;cursor:pointer}

.nav-actions{display:flex;align-items:center;gap:1rem}
.desktop-only{display:none}@media(min-width:768px){.desktop-only{display:inline-block}.mobile-only{display:none}}

.nav-actions{display:flex;align-items:center;gap:1rem}
.desktop-only{display:none}@media(min-width:768px){.desktop-only{display:inline-block}.mobile-only{display:none}}

@media (max-width: 768px) {
  .nav-actions.mobile-only {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
    padding-right: 0.5rem;
  }
  .nav-actions.mobile-only .btn {
    padding: 6px 10px;
    font-size: 13px;
  }
}