.events-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin:12px auto;padding:20px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);max-width:900px}@media (min-width:768px){.events-header{margin:16px auto;padding:24px}}.events-header h2{margin:0 0 6px;font-size:1.3rem}.events-header p{margin:0;color:var(--text2);font-size:13px}.events-filters{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.events-filters::-webkit-scrollbar{display:none}@media (min-width:768px){.events-filters{padding:0 16px;gap:8px}}.events-filter{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:980px;font-size:13px;font-weight:500;color:var(--text2);cursor:pointer;transition:all .2s;border:1px solid transparent;background:0 0;white-space:nowrap;flex-shrink:0}.events-filter i{font-size:12px;opacity:.7}.events-filter:hover{color:var(--text);background:rgba(255,255,255,.04)}.events-filter.active{background:rgba(190,250,0,.12);color:var(--accent);border-color:rgba(190,250,0,.2);font-weight:600}.events-filter.active i{opacity:1}.events-content{padding:0 12px 80px;min-height:calc(100vh - 280px)}@media (min-width:768px){.events-content{padding:0 16px 80px}}.events-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:640px){.events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.events-grid{gap:20px}}.event-card{display:block;color:inherit;text-decoration:none;background:var(--bg2);border:1px solid rgba(255,255,255,.06);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:all .28s cubic-bezier(.4, 0, .2, 1)}.event-card:hover{border-color:rgba(190,250,0,.25);box-shadow:0 8px 32px rgba(0,0,0,.35),0 0 0 1px rgba(190,250,0,.12)}.event-cover{position:relative;width:100%;height:180px;background:radial-gradient(120% 180% at 0 0,rgba(190,250,0,.18),transparent 50%),linear-gradient(135deg,#10141d,#171926 55%,#1a1424);overflow:hidden}.event-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;z-index:0}@media (min-width:768px){.event-cover{height:200px}}.event-cover.has-image{background-size:cover;background-position:center;background-repeat:no-repeat}.event-cover.has-image::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0,transparent 50%)}.event-state{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:5px;background:rgba(10,10,15,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:980px;padding:5px 12px;font-size:12px;font-weight:500;color:var(--text)}.event-state::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.event-state.upcoming{border-color:rgba(190,250,0,.5);color:var(--accent)}.event-state.ongoing{border-color:rgba(16,185,129,.5);color:#10b981}.event-state.ongoing::before{animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.4}}.event-state.ended{border-color:rgba(158,158,158,.4);color:#9e9e9e}.event-photo-count{position:absolute;bottom:12px;right:12px;z-index:2;display:flex;align-items:center;gap:5px;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:5px 10px;border-radius:6px;font-size:12px;font-weight:500;color:#fff}.event-photo-count i{font-size:11px;opacity:.85}.event-preview{position:absolute;bottom:12px;left:12px;right:70px;z-index:2;display:flex;gap:4px}.event-preview-thumb{width:48px;height:48px;border-radius:6px;background:var(--bg3);overflow:hidden;border:2px solid rgba(0,0,0,.5);flex-shrink:0}.event-preview-thumb img{width:100%;height:100%;object-fit:cover}.event-preview-more{width:48px;height:48px;border-radius:6px;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}.event-body{padding:16px}@media (min-width:768px){.event-body{padding:18px 20px 20px}}.event-title{margin:0 0 6px;font-size:16px;font-weight:600;line-height:1.4;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-card:hover .event-title{color:#fff}.event-subtitle{margin:0 0 12px;font-size:13px;color:var(--text2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:12px;font-size:12px;color:var(--text3)}.event-meta span{display:inline-flex;align-items:center;gap:5px}.event-meta i{font-size:11px;width:14px;text-align:center}.event-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.event-tag{display:inline-block;padding:4px 10px;border-radius:980px;font-size:11px;font-weight:500;background:rgba(190,250,0,.08);color:var(--accent);border:1px solid rgba(190,250,0,.2);transition:all .15s}.event-tag:hover{background:rgba(190,250,0,.15)}.event-desc{margin:0 0 14px;font-size:13px;color:var(--text2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.event-action{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:980px;font-size:13px;font-weight:600;text-decoration:none;background:rgba(190,250,0,.1);color:var(--accent);border:1px solid rgba(190,250,0,.25);transition:all .2s}.event-action:hover{background:rgba(190,250,0,.18);border-color:rgba(190,250,0,.4)}.event-action i{font-size:11px;transition:transform .2s}.event-action:hover i{transform:translateX(2px)}.events-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px;background:var(--bg2);border:1px dashed rgba(255,255,255,.1);border-radius:var(--r);max-width:480px;margin:24px auto}.events-empty-icon{width:80px;height:80px;border-radius:50%;background:rgba(190,250,0,.08);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.events-empty-icon i{font-size:32px;color:var(--accent);opacity:.6}.events-empty h3{margin:0 0 8px;font-size:1.1rem;color:var(--text)}.events-empty p{margin:0;font-size:14px;color:var(--text2);line-height:1.6}.events-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;color:var(--text2)}.events-loading-spinner{width:36px;height:36px;border:3px solid rgba(190,250,0,.15);border-top-color:var(--accent);border-radius:50%;animation:events-spin .8s linear infinite}@keyframes events-spin{to{transform:rotate(360deg)}}.event-featured{margin:12px;background:var(--bg2);border:1px solid rgba(190,250,0,.15);border-radius:var(--r);overflow:hidden}@media (min-width:768px){.event-featured{margin:16px;display:grid;grid-template-columns:1.2fr 1fr}}.event-featured .event-cover{height:220px}@media (min-width:768px){.event-featured .event-cover{height:100%;min-height:280px}}.event-featured .event-body{padding:20px;display:flex;flex-direction:column}@media (min-width:768px){.event-featured .event-body{padding:24px;justify-content:center}}.event-featured .event-title{font-size:20px;-webkit-line-clamp:3}.event-featured .event-subtitle{-webkit-line-clamp:3}.event-featured .event-desc{-webkit-line-clamp:4}