.hero-container{color:#fff;text-align:center;isolation:isolate;justify-content:center;align-items:center;width:100%;min-height:60vh;display:flex;position:relative;overflow:hidden}.hero-background{z-index:-2;width:100%;height:100%;position:absolute;top:0;left:0}.hero-background img{object-fit:cover;width:100%;height:100%}.hero-overlay{z-index:-1;background:var(--hero-overlay-bg,linear-gradient(135deg, #0c9c 0%, #33fc 100%));width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{padding:var(--padding-sm);z-index:1;animation:1s ease-out fadeIn;position:relative}.hero-title{font-size:var(--title-font-size-h1);font-weight:var(--title-font-weight-h1);line-height:var(--lh-snug);margin-bottom:var(--margin-sm);text-shadow:0 4px 12px #00000026}@media (max-width:768px){.hero-title{line-height:var(--lh-tight)}}.hero-subtitle{opacity:.95;max-width:700px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:clamp(1rem,2vw,1.25rem);font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.search-bar{border-radius:var(--radius-3xl,32px);background:var(--color-white);z-index:20;flex-direction:column;gap:2rem;width:85%;max-width:1280px;margin:-4rem auto 0;padding:2.5rem;display:flex;position:relative;box-shadow:0 20px 50px -12px #00000026,0 0 0 1px #0000000d}.inputs-part{grid-template-columns:repeat(6,1fr);gap:1rem;width:100%;display:grid}@media (max-width:1110px){.inputs-part{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (max-width:768px){.inputs-part{grid-template-columns:1fr}}.actions-part{justify-content:center;width:100%;display:flex}.search-bar-field{min-width:0}.search-bar-button{background:var(--primary);color:#fff;border-radius:var(--radius-xl);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.75rem;width:100%;max-width:450px;padding:1rem 3.5rem;font-size:1.125rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.search-bar-button:hover{background:var(--primary-hover,var(--primary));filter:brightness(1.1);transform:translateY(-3px);box-shadow:0 10px 20px #00000026}.search-bar-button:active{transform:translateY(-1px)}.dark .search-bar{background:var(--background-subtle);border:1px solid var(--border)}@media (max-width:768px){.search-bar{gap:1.5rem;padding:1.5rem}.inputs-part{grid-template-columns:1fr;gap:1.25rem}.search-bar-button{max-width:100%}}
.card-event{border-radius:var(--radius-2xl,24px);color:#fff;padding:var(--padding-md);box-shadow:var(--shadow-xl);isolation:isolate;flex-direction:column;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.card-event-background{z-index:-2;width:100%;height:100%;position:absolute;top:0;left:0}.card-event-background img{object-fit:cover;width:100%;height:100%}.card-event-overlay{z-index:-1;background:var(--card-event-overlay,linear-gradient(180deg, #3333ff94 0%, #00cc9691 100%));--overlay-brightness:.4;width:100%;height:100%;box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, var(--overlay-brightness,0));position:absolute;top:0;left:0}.card-event-category{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--padding-2xs) var(--padding-sm);font-size:var(--text-font-size-2xs);font-weight:var(--font-weight-regular);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);background:#ffffff26;border:1px solid #ffffff4d;border-radius:999px;align-self:flex-start;margin-bottom:auto}.card-event-content{margin-top:var(--margin-2xl)}.card-event-title{font-size:var(--title-font-size-h3);font-weight:var(--title-font-weight-h3);line-height:var(--line-height);margin-bottom:var(--margin-xs)}.card-event-highlight{margin-left:var(--margin-xs);font-family:var(--font-italic);font-size:var(--title-font-size-h3);color:var(--color-green-base,#0c9)}.card-event-description{font-size:var(--text-font-size-sm);line-height:var(--line-height);margin:1.5rem 0 2.5rem}.card-event-tags{gap:var(--gap-sm);flex-wrap:wrap;display:flex}.card-event-tag{background:var(--white);color:var(--color-blue-base);padding:var(--padding-2xs) var(--padding-sm);font-size:var(--text-font-size-2xs);font-weight:var(--text-font-weight-medium);transition:var(--transition-fast);border-radius:999px}.card-event-tag:hover,.card-event-tag:active{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}