body{margin:0;font-family:Inter,system-ui,sans-serif;background:#0d1325;color:#eaf0ff}
.container{width:min(980px,92vw);margin:0 auto}.hero{padding:2rem 0;border-bottom:1px solid #2a355a;background:linear-gradient(180deg,#1a2b5a55,transparent)}
.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center}
h1{margin:.2rem 0 .4rem;font-size:clamp(1.6rem,4vw,2.5rem)}
.muted{color:#aeb9dc}.foot{padding:1.5rem 0 2rem;font-size:.9rem}
.controls{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.8rem}
input,button{padding:.6rem .75rem;border-radius:10px;border:1px solid #334473;background:#111a35;color:#eaf0ff}
button{cursor:pointer;background:#4ecbff;color:#041022;border:none;font-weight:700}
.panel{margin-top:1rem;background:#131c39;border:1px solid #2f416f;border-radius:14px;padding:1rem}
.events{display:grid;gap:.7rem;margin-top:.7rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.event{background:#0f1730;border:1px solid #2a3a63;border-radius:10px;padding:.8rem}
.event h4{margin:0 0 .3rem;font-size:1rem}.event p{margin:.2rem 0;color:#b8c5e6}
.event a{color:#9cdfff;text-decoration:none}
@media (max-width:760px){.two-col{grid-template-columns:1fr}}