.hero{position:relative;padding:var(--space-3xl) 0 var(--space-xl);min-height:auto;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;overflow:hidden}.hero-bg-image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-bg-overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(137,247,254,.55),rgba(102,166,255,.5) 50%,rgba(240,247,255,.7));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hero-content{position:relative;z-index:1;text-align:center;max-width:820px}.hero-title{font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:400;line-height:1.5;margin-bottom:var(--space-sm);letter-spacing:.03em;color:rgba(255,255,255,.92);text-shadow:0 1px 6px rgba(0,0,0,.1)}.hero-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.hero-logo-icon{font-size:3rem;color:#ffffff;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 48;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.hero-logo-text{font-family:var(--font-display);font-size:var(--font-size-5xl);font-weight:600;color:#ffffff;letter-spacing:.04em;text-shadow:0 2px 12px rgba(0,0,0,.12)}.hero-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:2;opacity:0;font-weight:300;letter-spacing:.03em}.search-filter-bar{position:relative;z-index:10;max-width:720px;margin:0 auto var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-lg);opacity:0;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sf-search{position:relative;margin-bottom:var(--space-md)}.sf-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.sf-search-input{width:100%;padding:10px 14px 10px 38px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--text-primary);transition:all .2s ease}.sf-search-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.sf-search-input::placeholder{color:var(--text-muted)}.sf-filters{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:10px;gap:10px}.sf-field{flex-direction:column}.sf-field,.sf-label{display:flex;gap:4px}.sf-label{align-items:center;font-size:10px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-weight:500}.sf-date,.sf-select{padding:7px 10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-primary);cursor:pointer;transition:all .2s ease;width:100%}.sf-date:hover,.sf-select:hover{border-color:var(--border-hover)}.sf-date:focus,.sf-select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px var(--accent-glow)}.sf-field .dp-trigger{padding:7px 10px;font-size:var(--font-size-xs);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}.sf-field .dp-trigger:hover{border-color:var(--border-hover)}.sf-field .dp-icon{font-size:14px}.sf-date{color-scheme:dark}.sf-date::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.sf-active-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-color)}.sf-active-tags{display:flex;flex-wrap:wrap;gap:6px}.sf-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full);font-size:11px;background:rgba(102,166,255,.15);color:var(--accent-primary);border:1px solid rgba(102,166,255,.2);cursor:pointer;transition:all .15s ease}.sf-tag:hover{background:rgba(102,166,255,.25)}.sf-clear{font-size:11px;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color .2s;white-space:nowrap}.sf-clear:hover{color:var(--accent-primary)}.hero-stats{justify-content:center;gap:var(--space-xl);opacity:0}.hero-stats,.stat{display:flex;align-items:center}.stat{flex-direction:column;gap:.15rem}.stat-number{font-family:DM Sans,sans-serif;font-size:var(--font-size-3xl);font-weight:700;color:#ffffff;letter-spacing:.02em;text-shadow:0 2px 8px rgba(0,0,0,.1)}.stat-label{font-size:var(--font-size-xs);color:rgba(255,255,255,.8);font-weight:400;letter-spacing:.06em;text-shadow:0 1px 4px rgba(0,0,0,.08)}.stat-divider{width:1px;height:36px;background:rgba(255,255,255,.4)}.section{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.section-title{margin-bottom:0}.results-count{font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.04em;white-space:nowrap}.category-filter{display:flex;gap:var(--space-sm);margin:0 -16px var(--space-xl);overflow-x:auto;padding:16px;-ms-overflow-style:none;scrollbar-width:none}.category-filter::-webkit-scrollbar{display:none}.category-btn{display:flex;align-items:center;gap:var(--space-xs);padding:.5rem 1.2rem;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:400;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);transition:all var(--transition-base);white-space:nowrap;letter-spacing:.02em;box-shadow:var(--shadow-sm)}.category-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-hover)}.category-btn.active{background:var(--accent-gradient);background-origin:border-box;color:white;border-color:transparent;box-shadow:0 4px 14px rgba(102,166,255,.25)}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.loading-spinner{width:32px;height:32px;border:2px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{text-align:center;padding:var(--space-4xl) 0;color:var(--text-muted)}.empty-state h3{font-family:var(--font-serif);font-size:var(--font-size-xl);color:var(--text-secondary);margin-bottom:var(--space-sm);font-weight:400}.cta-section{padding:var(--space-3xl) 0}.cta-card{text-align:center;padding:var(--space-3xl);background:linear-gradient(135deg,rgba(200,227,255,.15),rgba(232,241,251,.25));border:1px solid rgba(200,227,255,.25);border-radius:var(--radius-2xl)}.cta-title{font-family:var(--font-serif);font-size:var(--font-size-3xl);font-weight:400;margin-bottom:var(--space-md);letter-spacing:.04em}.cta-desc{color:var(--text-secondary);max-width:560px;margin:0 auto var(--space-xl);line-height:2;font-weight:300}@media (max-width:768px){.hero{min-height:auto;padding:var(--space-2xl) var(--space-lg) var(--space-xl)}.hero-content{max-width:100%}.hero-title{font-size:var(--font-size-xs);line-height:1.4;margin-bottom:var(--space-xs)}.hero-subtitle{font-size:var(--font-size-sm);line-height:1.8;margin-bottom:var(--space-lg)}.search-filter-bar{padding:var(--space-md) var(--space-md)}.sf-filters{grid-template-columns:1fr 1fr;gap:8px}.sf-field:first-child,.sf-field:nth-child(4){grid-column:span 2}.sf-search-input{font-size:16px}.hero-stats{gap:var(--space-md)}.stat-number{font-size:var(--font-size-2xl)}.stat-divider{height:24px}.section{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.category-filter{gap:6px;margin:0 -16px var(--space-lg);padding:16px}.category-btn{padding:.4rem .9rem;font-size:var(--font-size-xs)}.events-grid{grid-template-columns:1fr;gap:var(--space-md)}.cta-section{padding:var(--space-xl) 0}.cta-card{padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-lg)}.cta-title{font-size:var(--font-size-xl)}.cta-desc{font-size:var(--font-size-sm);line-height:1.8}}@media (max-width:480px){.sf-filters{grid-template-columns:1fr 1fr}}