
/* ===== Events ===== */
.evnext{position:relative;display:grid;grid-template-columns:1.1fr 1fr;border-radius:22px;overflow:hidden;border:1px solid color-mix(in srgb,var(--ec) 55%,transparent);background:#07100d;box-shadow:0 0 50px color-mix(in srgb,var(--ec) 18%,transparent);margin-bottom:30px}
.evnext .eimg{position:relative;min-height:380px;background:var(--img) center/cover}
.evnext .eimg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#07100d)}
.evnext .ebody{position:relative;z-index:1;padding:32px 34px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.estate{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font:800 11px/1 var(--hf);letter-spacing:1.2px;text-transform:uppercase;padding:7px 12px;border-radius:8px;border:1px solid}
.estate::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.estate.live{color:#ff4d5e;border-color:rgba(255,77,94,.5);background:rgba(255,77,94,.12)}
.estate.live::before{box-shadow:0 0 10px currentColor;animation:p 1.2s infinite}
.estate.soon{color:var(--g);border-color:rgba(43,255,136,.45);background:rgba(43,255,136,.1)}
.estate.past{color:var(--m);border-color:rgba(255,255,255,.15)}
.evnext h2{font:900 clamp(26px,3.2vw,38px)/1.05 var(--hf)}
.evnext p{color:#c5d3cc;font-size:14.5px}
.edate{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#dfe8e4}
.edate svg{width:16px;height:16px;fill:var(--ec)}
.cd{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:6px 0}
.cd div{text-align:center;padding:14px 4px 10px;border-radius:14px;background:rgba(3,9,7,.7);border:1px solid color-mix(in srgb,var(--ec) 35%,transparent);position:relative;overflow:hidden}
.cd div::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.5)}
.cd b{display:block;font:900 clamp(28px,3.2vw,40px)/1 var(--hf);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 18px color-mix(in srgb,var(--ec) 60%,transparent)}
.cd b.tick{animation:tick .45s ease}
@keyframes tick{0%{transform:translateY(-30%);opacity:.2}100%{transform:none;opacity:1}}
.cd small{font:700 10px var(--hf);letter-spacing:1.2px;color:var(--m);text-transform:uppercase}
.rew{display:flex;flex-wrap:wrap;gap:8px}
.rew span{display:flex;align-items:center;gap:6px;padding:6px 11px;border-radius:20px;font-size:12.5px;font-weight:600;background:color-mix(in srgb,var(--ec) 12%,transparent);border:1px solid color-mix(in srgb,var(--ec) 45%,transparent)}
.rew svg{width:14px;height:14px;fill:var(--ec)}
.eacts{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.evgrid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start;margin-bottom:40px}
.cal{padding:22px 22px 18px}
.calh{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.calh b{font:800 18px var(--hf);text-transform:capitalize}
.calnav{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(5,12,12,.6);cursor:pointer;display:grid;place-items:center;transition:.2s}
.calnav svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2.4}
.calnav:hover{border-color:var(--g)}
.calw,.cald{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.calw span{text-align:center;font:700 11px var(--hf);letter-spacing:1px;color:var(--m);text-transform:uppercase;padding:6px 0}
.day{position:relative;aspect-ratio:1/.82;border-radius:10px;border:1px solid transparent;background:rgba(255,255,255,.025);color:#c5d3cc;font:600 13px var(--bf);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:.2s;padding:0}
.day:hover{background:rgba(255,255,255,.06)}
.day.out{opacity:.3}
.day.today{border-color:var(--g);color:var(--g);font-weight:800}
.day.sel{background:rgba(43,255,136,.12);border-color:rgba(43,255,136,.5)}
.day .dots{display:flex;gap:3px;height:6px}
.day .dots i{width:6px;height:6px;border-radius:50%;background:var(--ec);box-shadow:0 0 6px var(--ec)}
.day.has{color:#fff}
.calsel{margin-top:14px;padding-top:12px;border-top:1px solid var(--line2);min-height:54px}
.calsel .ci{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13.5px;cursor:pointer}
.calsel .ci i{width:10px;height:10px;border-radius:3px;background:var(--ec);box-shadow:0 0 8px var(--ec);flex:none}
.calsel .ci small{color:var(--m);margin-left:auto}
.calsel .ci:hover b{color:var(--g)}
.calsel .none{font-size:13px;color:var(--m)}
.weekly{padding:22px}
.evh{display:flex;align-items:center;gap:10px;font:800 17px var(--hf);text-transform:uppercase;margin-bottom:12px}
.evh svg{width:20px;height:20px;fill:var(--g)}
.wk{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.06)}
.wk .wd{flex:none;width:52px;height:52px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ec) 12%,transparent);border:1px solid color-mix(in srgb,var(--ec) 45%,transparent)}
.wk .wd b{font:900 15px/1 var(--hf);color:var(--ec)}
.wk .wd small{font-size:11px;color:#c5d3cc}
.wk div:last-child b{display:block;font-size:14.5px}
.wk div:last-child small{color:var(--m);font-size:12.5px}
.evsub{display:flex;align-items:center;gap:12px;font:900 clamp(20px,2.4vw,26px) var(--hf);text-transform:uppercase;margin:0 0 16px}
.evsub svg{width:24px;height:24px;fill:var(--g);filter:drop-shadow(0 0 8px var(--g))}
.evlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-bottom:40px}
.ecard2{--rx:0deg;--ry:0deg;position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--ec) 30%,transparent);background:#07100d;cursor:pointer;
  transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s ease-out,box-shadow .3s,border-color .3s;text-align:left;color:inherit;font:inherit;padding:0}
.ecard2:hover{border-color:var(--ec);box-shadow:0 0 28px color-mix(in srgb,var(--ec) 30%,transparent)}
.ecard2 .ei{position:relative;height:150px;background:var(--img) center/cover}
.ecard2 .ei .estate{position:absolute;left:14px;top:14px;backdrop-filter:blur(4px);background:rgba(0,0,0,.45)}
.ecard2 .eb{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;flex:1}
.ecard2 h3{font:800 18px var(--hf)}
.ecard2 p{font-size:13px;color:#b9c8c1}
.ecard2 .cdm{font:800 13px var(--hf);color:var(--ec)}
.past .ecard2{filter:saturate(.55)}
.past .ecard2:hover{filter:none}
.evgrid>*,.evnext>*{min-width:0}
@media(max-width:980px){.evnext{grid-template-columns:minmax(0,1fr)}.evnext .eimg{min-height:220px}.evnext .eimg::after{background:linear-gradient(transparent 55%,#07100d)}.evgrid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.evnext .ebody{padding:22px 18px}.cd{gap:6px}.cd div{padding:10px 2px 8px}.cal{padding:16px 12px}.day{font-size:12px;border-radius:8px}.evlist{grid-template-columns:minmax(0,1fr)}}
