:root{--bg:#F8F7F4;--bg2:#FFFFFF;--bg2-rgb:255,255,255;--bg3:#F1EFE9;--bg4:#E9E6E0;--surf:#FFFFFF;--bdr:#E4E1DB;--bdr2:#CCC8C0;--ink:#0D1117;--ink2:#2A3141;--ink3:#586070;--ink4:#939BAC;--blue:#1546C0;--blue2:#5B8AF5;--blue-g:rgba(21, 70, 192, 0.08);--blue-b:rgba(21, 70, 192, 0.2);--teal:#047857;--teal2:#34D399;--teal-g:rgba(4, 120, 87, 0.08);--teal-b:rgba(4, 120, 87, 0.2);--amber:#B45309;--amb2:#FBBF24;--amb-g:rgba(180, 83, 9, 0.08);--amb-b:rgba(180, 83, 9, 0.2);--purp:#6D28D9;--purp2:#A78BFA;--purp-g:rgba(109, 40, 217, 0.08);--purp-b:rgba(109, 40, 217, 0.2);--s1:0 1px 3px rgba(0, 0, 0, 0.06),0 1px 8px rgba(0, 0, 0, 0.04);--s2:0 4px 16px rgba(0, 0, 0, 0.08),0 1px 4px rgba(0, 0, 0, 0.04);--s3:0 12px 40px rgba(0, 0, 0, 0.10),0 2px 8px rgba(0, 0, 0, 0.05);--s4:0 24px 72px rgba(0, 0, 0, 0.12),0 4px 16px rgba(0, 0, 0, 0.06);--r:8px;--t:0.2s ease}[data-theme=dark]{--bg:#080B14;--bg2:#0E1220;--bg2-rgb:14,18,32;--bg3:#141928;--bg4:#1B2235;--surf:#141928;--bdr:rgba(255, 255, 255, 0.07);--bdr2:rgba(255, 255, 255, 0.14);--ink:#EEF0F8;--ink2:#C4CCDC;--ink3:#8290A8;--ink4:#4E5A70;--blue:#5B8AF5;--blue2:#93B4FF;--blue-g:rgba(91, 138, 245, 0.12);--blue-b:rgba(91, 138, 245, 0.25);--teal:#34D399;--teal2:#6EE7B7;--teal-g:rgba(52, 211, 153, 0.10);--teal-b:rgba(52, 211, 153, 0.22);--amber:#FBBF24;--amb2:#FDE68A;--amb-g:rgba(251, 191, 36, 0.10);--amb-b:rgba(251, 191, 36, 0.22);--purp:#A78BFA;--purp2:#C4B5FD;--purp-g:rgba(167, 139, 250, 0.10);--purp-b:rgba(167, 139, 250, 0.22);--s1:0 1px 3px rgba(0, 0, 0, 0.4),0 1px 8px rgba(0, 0, 0, 0.25);--s2:0 4px 16px rgba(0, 0, 0, 0.45),0 1px 4px rgba(0, 0, 0, 0.25);--s3:0 12px 40px rgba(0, 0, 0, 0.5),0 2px 8px rgba(0, 0, 0, 0.3);--s4:0 24px 72px rgba(0, 0, 0, 0.6),0 4px 16px rgba(0, 0, 0, 0.35)}body{background:var(--bg);color:var(--ink);font-family:Outfit,sans-serif;margin:0;transition:background .4s,color .4s;line-height:1.6}nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:64px;display:flex;align-items:center;padding:0 5vw;background:rgba(var(--bg2-rgb,255,255,255),.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--bdr);gap:2rem}[data-theme=dark] nav{background:rgba(8,11,20,.88)}.nav-logo{display:flex;align-items:center;gap:10px}.nav-logo-icon{width:34px;height:34px;border-radius:9px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-logo-icon svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}.nav-logo-text{font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:700;color:var(--ink);letter-spacing:.03em}.nav-links{display:flex;align-items:center;gap:1.8rem;list-style:none;flex:1;justify-content:center}.nav-links a{font-size:.82rem;font-weight:500;color:var(--ink3);transition:color .2s}.nav-links a.active,.nav-links a:hover{color:var(--ink)}.nav-right{display:flex;align-items:center;gap:.9rem}.theme-pill{display:flex;align-items:center;gap:.4rem;background:var(--bg3);border:1px solid var(--bdr2);border-radius:100px;padding:.3rem .5rem .3rem .7rem;cursor:pointer}.theme-pill-label{font-size:.72rem;font-weight:600;color:var(--ink3)}.theme-pill-toggle{width:32px;height:18px;border-radius:9px;background:var(--bg4);position:relative;transition:background .3s}[data-theme=dark] .theme-pill-toggle{background:var(--blue)}.theme-pill-toggle::before{content:'';position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .3s}[data-theme=dark] .theme-pill-toggle::before{transform:translateX(14px)}.btn-try{background:var(--blue);color:#fff;padding:.5rem 1.3rem;border-radius:8px;font-size:.82rem;font-weight:600;transition:all .2s}.btn-try:hover{filter:brightness(1.1);transform:translateY(-1px)}.events-container{max-width:1200px;margin:0 auto;padding:2rem 5vw}.events-hero{text-align:center;padding:6rem 0 4rem;position:relative}.events-hero h1{font-size:clamp(2.5rem, 5vw, 4rem);margin-bottom:1rem}.events-controls{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:3rem;flex-wrap:wrap;background:var(--bg2);padding:1.5rem;border-radius:16px;border:1px solid var(--bdr);box-shadow:var(--s2)}.search-box{position:relative;flex:1;min-width:280px}.search-box i{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:var(--ink3)}.search-box input{width:100%;padding:.8rem 1rem .8rem 3rem;background:var(--bg);border:1px solid var(--bdr2);border-radius:100px;color:var(--ink);font-family:inherit;transition:all .3s}.search-box input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-g)}.filter-group{display:flex;gap:.6rem}.filter-btn{padding:.7rem 1.5rem;border-radius:100px;font-size:.85rem;font-weight:600;color:var(--ink2);background:var(--bg2);border:1px solid var(--bdr);transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:var(--s1)}.filter-btn.active,.filter-btn:hover{background:var(--blue);color:#fff;border-color:var(--blue);transform:translateY(-2px);box-shadow:0 8px 20px var(--blue-b)}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}.event-card{background:var(--surf);border:1px solid var(--bdr);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.175, .885, .32, 1.275);position:relative;display:flex;flex-direction:column}.event-card:hover{transform:translateY(-10px);border-color:var(--blue);box-shadow:0 20px 40px rgba(0,0,0,.2),0 0 20px var(--blue-g)}.event-card::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at top right,var(--blue-g),transparent 50%);opacity:0;transition:opacity .4s;pointer-events:none}.event-card:hover::after{opacity:1}.event-thumb{width:100%;aspect-ratio:16/9;overflow:hidden;position:relative}.event-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.event-card:hover .event-thumb img{transform:scale(1.1)}.event-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.event-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.event-type{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--blue);background:var(--blue-g);padding:.3rem .8rem;border-radius:100px}.event-date{font-size:.8rem;color:var(--ink3);font-weight:500}.event-card h3{font-size:1.25rem;margin-bottom:.8rem;color:var(--ink)}.event-card p{font-size:.9rem;color:var(--ink3);margin-bottom:1.5rem;line-height:1.6}.btn-event{margin-top:auto;width:100%;padding:1rem;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font-weight:700;text-align:center;transition:all .3s cubic-bezier(.4, 0, .2, 1);border:none;box-shadow:0 4px 12px var(--blue-b);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;cursor:pointer}.btn-event:hover{transform:translateY(-3px);box-shadow:0 12px 24px var(--blue-b);filter:brightness(1.1)}@keyframes skeleton{0%{background-position:-200% 0}100%{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg3) 25%,var(--bg4) 50%,var(--bg3) 75%);background-size:200% 100%;animation:skeleton 1.5s infinite}.reveal{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4, 0, .2, 1)}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:640px){.events-controls{flex-direction:column;align-items:stretch}.filter-group{overflow-x:auto;padding-bottom:.5rem}}