:root { color-scheme:dark; --ink:#f5f2eb; --muted:#aaa59b; --line:#34322e; --panel:#121212; --panel-2:#1a1917; --accent:#e7ff4f; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--ink); background:#080808; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.events-hero { padding:24px clamp(20px,6vw,90px) 70px; background:linear-gradient(110deg,rgba(0,0,0,.86),rgba(0,0,0,.28)),url('./assets/hero-house-movement-bw.jpg') center/cover; border-bottom:1px solid var(--line); }
.events-nav { display:flex; align-items:center; justify-content:space-between; max-width:1240px; margin:0 auto; }.events-nav img { width:150px; filter:brightness(0) invert(1); }
.events-heading { max-width:1000px; margin:86px auto 0; }.eyebrow { margin:0 0 10px; color:var(--accent); font-size:.72rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }.events-heading h1 { margin:0 0 14px; font-size:clamp(3rem,8vw,7rem); line-height:.92; letter-spacing:-.07em; }.events-heading > p:last-child { max-width:650px; margin:0; color:var(--muted); font-size:1.08rem; line-height:1.5; }
.events-content { width:min(1100px,calc(100% - 40px)); margin:0 auto; padding:34px 0 80px; }.events-status { margin-bottom:18px; color:var(--muted); font-size:.86rem; }.events-status.is-error { color:#ffb9a7; }.events-list { display:grid; gap:18px; }.event-card { padding:28px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(145deg,var(--panel-2),var(--panel)); }.event-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }.event-card h2 { margin:0 0 8px; font-size:clamp(1.8rem,4vw,3.3rem); letter-spacing:-.05em; }.event-date { margin:0; font-weight:800; }.event-action { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 16px; border-radius:10px; color:#111; background:var(--accent); font-weight:800; text-decoration:none; white-space:nowrap; }.event-message { margin:20px 0 0; color:var(--muted); line-height:1.5; }.event-columns { display:grid; grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr); gap:22px; margin-top:24px; }.event-columns h3 { margin:0 0 12px; font-size:1.05rem; }.event-count { display:inline-flex; align-items:center; justify-content:center; min-width:26px; height:26px; margin-left:5px; border:1px solid rgba(231,255,79,.3); border-radius:999px; color:var(--accent); font-size:.72rem; }.event-categories { display:grid; gap:8px; margin:0; padding:0; list-style:none; }.event-categories li { display:flex; justify-content:space-between; gap:10px; padding:12px; border:1px solid var(--line); border-radius:10px; color:var(--muted); background:#0d0d0c; font-size:.82rem; }.event-categories strong { color:var(--accent); white-space:nowrap; }.event-battery-group + .event-battery-group { margin-top:14px; }.event-battery-group h4 { margin:0 0 8px; color:var(--accent); font-size:.82rem; }.event-batteries { display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:8px; }.event-battery { padding:10px; border-radius:9px; background:#0d0d0c; }.event-battery strong { display:block; font-size:.8rem; }.event-battery span { display:block; margin-top:4px; color:var(--muted); font-size:.7rem; line-height:1.35; }.event-battery.is-full { opacity:.45; }.event-details { display:inline-block; margin-top:24px; color:var(--muted); font-size:.82rem; text-underline-offset:4px; }.event-details:hover { color:var(--accent); }.muted,.empty-events { color:var(--muted); }.empty-events { margin:0; padding:24px; border:1px solid var(--line); border-radius:16px; }
@media (max-width:640px) { .events-hero { padding-bottom:48px; }.events-heading { margin-top:62px; }.events-content { width:min(100% - 28px,1100px); padding-top:28px; }.events-nav img { width:130px; }.event-card { padding:22px; }.event-card-head { display:block; }.event-action { width:100%; margin-top:18px; }.event-columns { grid-template-columns:1fr; gap:26px; } }