.events-page{min-height:100vh;padding-top:80px;position:relative;overflow-x:hidden}.events-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(62,207,142,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(245,158,11,.02) 0%,transparent 50%);animation:backgroundPulse 8s ease-in-out infinite;z-index:-2}@keyframes backgroundPulse{0%,to{opacity:.2}50%{opacity:.3}}.events-page:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 20px 30px,rgba(62,207,142,.15),transparent),radial-gradient(1px 1px at 40px 70px,rgba(139,92,246,.15),transparent),radial-gradient(1px 1px at 90px 40px,rgba(245,158,11,.1),transparent),radial-gradient(1px 1px at 130px 80px,rgba(62,207,142,.1),transparent),radial-gradient(1px 1px at 160px 30px,rgba(139,92,246,.1),transparent);background-repeat:repeat;background-size:200px 100px;animation:floatingParticles 20s linear infinite;z-index:-1;opacity:.3}@keyframes floatingParticles{0%{transform:translateY(100vh) rotate(0)}to{transform:translateY(-100vh) rotate(360deg)}}.events-container{max-width:1200px;margin:0 auto;padding:0 2rem}.events-header{padding:1rem 0 .5rem;text-align:center}.events-title{font-size:4rem;font-weight:800;margin-bottom:1rem;line-height:1.1}.event-location-types{display:flex;gap:.5rem;max-width:520px;margin:0 auto 1rem;justify-content:center}.location-type-card{background:var(--color-surface);backdrop-filter:blur(15px);border:1px solid var(--color-border-subtle);border-radius:8px;padding:.5rem 1.3rem;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;cursor:pointer}.location-type-card:hover,.location-type-card.active{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.location-type-card.active{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:var(--glow-primary)}.location-icon{width:24px;height:24px;background:var(--gradient-primary);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.location-type-card:hover .location-icon,.location-type-card.active .location-icon{transform:scale(1.05)}.location-icon svg{width:14px;height:14px;color:var(--color-text-inverse);stroke-width:2}.location-type-card h3{font-size:.85rem;font-weight:600;color:var(--color-text);margin:0;white-space:nowrap}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.5rem;font-weight:600;margin-bottom:1rem;color:var(--color-text);position:relative;display:inline-block;overflow:hidden}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--gradient-primary);transition:width .6s cubic-bezier(.4,0,.2,1);border-radius:2px}.section-title.animate:after{width:100%}.section-description{font-size:1.1rem;color:var(--color-text-muted);line-height:1.6}.content-section{padding:4rem 0}.gender-categories{max-width:900px;margin:.5rem auto 1rem;opacity:0;transform:translateY(20px);transition:all .5s ease;position:relative}.gender-categories.show{opacity:1;transform:translateY(0)}.gender-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.gender-card{background:var(--color-surface);backdrop-filter:blur(15px);border:1px solid var(--color-border-subtle);border-radius:8px;padding:1.25rem 1rem;text-align:center;transition:all .3s ease;cursor:pointer}.gender-card:hover,.gender-card.active{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.gender-card.active{border-color:var(--color-primary);box-shadow:var(--glow-primary);background:var(--color-primary-light)}.gender-icon{width:22px;height:22px;background:var(--color-primary-light);border-radius:6px;display:flex;align-items:center;justify-content:center;margin:0 auto .35rem;transition:all .3s ease}.gender-card:hover .gender-icon,.gender-card.active .gender-icon{background:var(--gradient-primary);transform:scale(1.05)}.gender-icon svg{width:12px;height:12px;color:var(--color-primary);stroke-width:2;transition:color .3s ease}.gender-card:hover .gender-icon svg,.gender-card.active .gender-icon svg{color:var(--color-text-inverse)}.gender-card h4{font-size:.8rem;font-weight:600;color:var(--color-text);margin:0}.gender-card p{font-size:.85rem;color:var(--color-text-muted);margin:0}.calendar-embed-container{margin-bottom:3rem}.calendar-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;padding:2rem;position:relative;transition:all .5s ease;transform:scale(1)}.calendar-wrapper:before{content:"";position:absolute;inset:-2px;background:var(--gradient-primary);border-radius:10px;opacity:0;transition:opacity .5s ease;z-index:-1;filter:blur(8px)}.calendar-wrapper:hover:before{opacity:.15;animation:calendarGlow 3s ease-in-out infinite}@keyframes calendarGlow{0%,to{opacity:.1}50%{opacity:.2}}.calendar-clip{width:100%;height:600px;overflow:hidden;position:relative}.calendar-clip iframe{position:absolute;top:0;left:0;width:100%;height:665px;border:0;border-radius:16px;box-shadow:0 8px 32px #00000014}@media (max-width: 1024px){.gender-options{grid-template-columns:repeat(3,1fr);gap:1rem}}@media (max-width: 768px){.events-container{padding:0 1rem}.events-header{padding:2rem 0}.events-title{font-size:3rem}.event-location-types{flex-direction:column;gap:.75rem;max-width:100%}.location-type-card{padding:.65rem 1.25rem}.location-type-card h3{font-size:.9rem}.calendar-section{padding:3rem 0}.section-title{font-size:2rem}.calendar-wrapper{padding:1rem}.gender-options{grid-template-columns:1fr;gap:1rem}.gender-card{padding:1.25rem}.gender-card h4{font-size:1rem}.gender-card p{font-size:.8rem}.categories-header h3{font-size:1.5rem}.calendar-clip{height:500px}.calendar-clip iframe{height:550px}}@media (max-width: 480px){.events-container{padding:0 .75rem}.events-title{font-size:2rem;line-height:1.15}.section-title{font-size:1.5rem;line-height:1.2}.location-type-card h3{font-size:.8rem}.categories-header h3{font-size:1.25rem}.calendar-clip{height:420px}.calendar-clip iframe{height:470px}}@media (min-width: 699px) and (max-width: 768px){.calendar-clip{height:600px}.calendar-clip iframe{height:680px}}