@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:#1a202c;background:linear-gradient(135deg,#0f172a,#1e293b,#334155,#475569,#64748b);background-attachment:fixed;min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%2322c55e' fill-opacity='0.05' d='M0,224L48,213.3C96,203,192,181,288,181.3C384,181,480,203,576,218.7C672,235,768,245,864,218.7C960,192,1056,128,1152,117.3C1248,107,1344,149,1392,170.7L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");background-size:cover;background-position:bottom;opacity:.3;pointer-events:none;z-index:-1}.container{max-width:1400px;margin:0 auto;padding:0 20px}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.language-selector{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem .75rem;color:#fff;transition:all .3s ease}.language-selector:hover{background:#ffffff26;border-color:#ffffff4d}.language-select{background:transparent;border:none;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;outline:none;padding:.25rem}.language-select option{background:#1e293b;color:#fff;padding:.5rem}@media (max-width: 768px){.header-top{flex-direction:column;gap:1rem;text-align:center}.language-selector{align-self:center}}.analytics-dashboard{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;margin:2rem 0;box-shadow:0 8px 32px #0000001a}.analytics-dashboard h2{color:#1e293b;margin-bottom:1.5rem;text-align:center}.analytics-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem;transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{background:#fff3;padding:.75rem;border-radius:8px}.stat-content h3{font-size:2rem;font-weight:700;margin:0}.stat-content p{margin:0;opacity:.9;font-size:.875rem}.analytics-charts{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.chart-section{background:#f8fafccc;padding:1.5rem;border-radius:12px;border:1px solid rgba(226,232,240,.5)}.chart-section h3{color:#334155;margin-bottom:1rem;font-size:1.125rem}.event-counts{display:flex;flex-direction:column;gap:.75rem}.event-count-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#fff;border-radius:6px;overflow:hidden}.event-bar{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);opacity:.1;transition:width .3s ease}.event-name{font-weight:500;color:#374151;text-transform:capitalize;z-index:1}.event-count{font-weight:600;color:#059669;z-index:1}.recent-events{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.recent-event{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;padding:.5rem;background:#fff;border-radius:6px;font-size:.875rem}.event-type{font-weight:500;color:#6366f1;text-transform:capitalize}.event-time{color:#6b7280;font-family:monospace}.event-url{color:#374151;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-actions{display:flex;justify-content:center}.refresh-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.refresh-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.analytics-dashboard.loading,.analytics-dashboard.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center}.analytics-dashboard.error button{margin-top:1rem;background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}@media (max-width: 768px){.analytics-charts,.analytics-stats{grid-template-columns:1fr}.recent-event{grid-template-columns:1fr;text-align:center}}.header{background:linear-gradient(135deg,#0f172ad9,#1e293bcc,#334155bf,#475569b3,#64748ba6),url(/img/5B9114B5-FE05-4681-BBBB-B3EC9734E5AF.jpeg);background-size:cover;background-position:center;color:#fff;padding:6rem 0;text-align:center;position:relative;overflow:hidden;min-height:80vh;box-shadow:0 10px 30px #0000004d}.header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(34,197,94,.3) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.3) 0%,transparent 40%),radial-gradient(circle at 40% 70%,rgba(139,92,246,.2) 0%,transparent 40%);pointer-events:none}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to top,rgba(15,23,42,.9),transparent);pointer-events:none;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23000000' d='M0,224L60,213.3C120,203,240,181,360,192C480,203,600,245,720,261.3C840,277,960,267,1080,234.7C1200,203,1320,149,1380,122.7L1440,96L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");mask-size:cover;mask-position:center top;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23000000' d='M0,224L60,213.3C120,203,240,181,360,192C480,203,600,245,720,261.3C840,277,960,267,1080,234.7C1200,203,1320,149,1380,122.7L1440,96L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-size:cover;-webkit-mask-position:center top}.header-content{position:relative;z-index:2}.header h1{font-size:4.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#22c55e 30%,#3b82f6 70%,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.3);letter-spacing:-.02em;line-height:1.1}.header-subtitle{font-size:1.5rem;opacity:.95;font-weight:300;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:3rem;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-stats{display:flex;justify-content:center;gap:4rem;margin-top:3rem;flex-wrap:wrap}.stat-item{text-align:center;padding:2rem 1.5rem;background:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;min-width:140px}.stat-item:hover{transform:translateY(-5px);background:#ffffff26;box-shadow:0 10px 30px #0003}.stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#22c55e,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;line-height:1}.stat-label{font-size:.9rem;opacity:.9;text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem;font-weight:500}.main{padding:5rem 0;position:relative}.section-title{text-align:center;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#22c55e,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;padding:0 20px}.section-title:before,.section-title:after{content:"▲";position:absolute;top:50%;transform:translateY(-50%);font-size:1.5rem;color:#22c55e;opacity:.7}.section-title:before{left:-15px}.section-title:after{right:-15px}.section-subtitle{text-align:center;font-size:1.1rem;color:#fffc;margin-bottom:3rem;font-weight:300}.filters{display:flex;gap:1.5rem;margin-bottom:4rem;justify-content:center;flex-wrap:wrap}.filter-btn{padding:1rem 2rem;border:2px solid rgba(255,255,255,.2);background:#ffffff1a;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);font-weight:600;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1rem;position:relative;overflow:hidden}.filter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.filter-btn:hover:before{left:100%}.filter-btn:hover,.filter-btn.active{border-color:#22c55e;background:linear-gradient(135deg,#22c55e,#3b82f6);color:#fff;transform:translateY(-2px);box-shadow:0 10px 25px #22c55e4d}.activities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:3rem;margin-top:4rem}.activity-card{background:#fffffff2;border-radius:24px;overflow:hidden;box-shadow:0 15px 35px #0003,0 5px 15px #0000001a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;transform-style:preserve-3d;background-image:radial-gradient(circle at 100% 100%,rgba(34,197,94,.05) 0,rgba(34,197,94,.05) 10px,transparent 10px),radial-gradient(circle at 0 0,rgba(59,130,246,.05) 0,rgba(59,130,246,.05) 10px,transparent 10px),radial-gradient(circle at 100% 0,rgba(139,92,246,.05) 0,rgba(139,92,246,.05) 10px,transparent 10px),radial-gradient(circle at 0 100%,rgba(249,115,22,.05) 0,rgba(249,115,22,.05) 10px,transparent 10px);background-size:20px 20px;background-position:bottom right,top left,top right,bottom left;background-repeat:no-repeat}.activity-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#22c55e,#3b82f6,#8b5cf6);opacity:0;transition:opacity .3s ease;z-index:10}.activity-card:hover{transform:translateY(-12px) rotateX(5deg);box-shadow:0 25px 50px #00000040,0 10px 20px #00000026}.activity-card:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:5px;background:linear-gradient(90deg,#22c55eb3,#3b82f6b3,#8b5cf6b3);transform:scaleX(.95);border-radius:0 0 24px 24px;opacity:0;transition:opacity .3s ease,transform .3s ease}.activity-card:hover:after{opacity:1;transform:scaleX(1)}.activity-card:hover:before{opacity:1}.activity-image-container{position:relative;overflow:hidden;height:300px;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.activity-image{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .6s ease}.activity-card:hover .activity-image{transform:scale(1.1)}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0000001a,#22c55e33,#3b82f633);opacity:0;transition:opacity .4s ease}.image-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,50 L25,25 L50,50 L75,25 L100,50 L100,100 L0,100 Z' fill='%23ffffff' fill-opacity='0.1'/%3E%3C/svg%3E");background-size:100px 100px;opacity:0;transition:opacity .4s ease}.activity-card:hover .image-overlay:before{opacity:1}.activity-card:hover .image-overlay{opacity:1}.activity-content{padding:2rem}.activity-type{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:25px;font-size:.85rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.activity-type.marathon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;box-shadow:0 4px 15px #fbbf244d}.activity-type.trail{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 4px 15px #22c55e4d}.activity-type.cycling{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;box-shadow:0 4px 15px #3b82f64d}.activity-title{font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:#1a202c;line-height:1.3}.activity-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail-item{display:flex;align-items:center;gap:.75rem;color:#4a5568;font-size:.95rem;font-weight:500}.detail-icon{width:20px;height:20px;color:#22c55e}.detail-value{font-weight:600;color:#2d3748}.floating-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.floating-element{position:absolute;width:4px;height:4px;background:#ffffff4d;border-radius:50%;animation:float 20s infinite linear}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}@media (max-width: 1024px){.activities-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.header-stats{gap:2rem}}@media (max-width: 768px){.activities-grid{grid-template-columns:1fr}.header h1{font-size:3rem}.header-subtitle{font-size:1.2rem}.filters{flex-direction:column;align-items:center}.filter-btn{width:200px}.header-stats{flex-direction:column;align-items:center;gap:1.5rem}.activity-details{grid-template-columns:1fr}}.mountain-animation{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.mountain-range{position:absolute;bottom:0;left:0;width:100%;height:30%;background-repeat:no-repeat;background-position:bottom center;background-size:cover}.mountain-range-1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%2322c55e' fill-opacity='0.3' d='M0,160L48,181.3C96,203,192,245,288,261.3C384,277,480,267,576,240C672,213,768,171,864,165.3C960,160,1056,192,1152,197.3C1248,203,1344,181,1392,170.7L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");animation:mountain-parallax 60s infinite linear}.mountain-range-2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%233b82f6' fill-opacity='0.2' d='M0,96L48,112C96,128,192,160,288,186.7C384,213,480,235,576,218.7C672,203,768,149,864,138.7C960,128,1056,160,1152,165.3C1248,171,1344,149,1392,138.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");animation:mountain-parallax 45s infinite linear reverse}.mountain-range-3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%238b5cf6' fill-opacity='0.15' d='M0,224L48,229.3C96,235,192,245,288,234.7C384,224,480,192,576,181.3C672,171,768,181,864,197.3C960,213,1056,235,1152,229.3C1248,224,1344,192,1392,176L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");animation:mountain-parallax 30s infinite linear}@keyframes mountain-parallax{0%{background-position:0% bottom}to{background-position:100% bottom}}.trail-path{position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11,7 C45,40 15,73 49,33' stroke='%23ffffff' stroke-width='1' fill='none' stroke-dasharray='2,4' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100px 100px;opacity:.1;animation:trail-move 30s infinite linear}@keyframes trail-move{0%{background-position:0 0}to{background-position:100% 100%}}.activity-type.marathon{position:relative;overflow:hidden}.activity-type.marathon:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:shine 3s infinite}.activity-type.trail{position:relative;overflow:hidden}.activity-type.trail:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:shine 3s infinite}.activity-type.cycling{position:relative;overflow:hidden}.activity-type.cycling:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{left:-50%}to{left:150%}}/ * Hero Carousel Styles */ .hero-carousel{position:relative;height:70vh;min-height:500px;overflow:hidden;margin-bottom:2rem;border-radius:0 0 30px 30px;box-shadow:0 10px 40px #0000004d}.carousel-container{position:relative;width:100%;height:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center top;background-repeat:no-repeat;opacity:0;transition:opacity 1s ease-in-out,transform 1s ease-in-out;transform:scale(1.1)}.carousel-slide.active{opacity:1;transform:scale(1)}.carousel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0009,#0000004d,#000000b3);display:flex;align-items:center;justify-content:center}.carousel-content{text-align:center;color:#fff;max-width:800px;padding:2rem;animation:slideInUp 1s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.carousel-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:30px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.carousel-badge.marathon{background:linear-gradient(135deg,#fbbf24e6,#f59e0be6);color:#92400e;box-shadow:0 8px 25px #fbbf2466}.carousel-badge.trail{background:linear-gradient(135deg,#22c55ee6,#10b981e6);color:#065f46;box-shadow:0 8px 25px #22c55e66}.carousel-badge.cycling{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6);color:#1e40af;box-shadow:0 8px 25px #3b82f666}.carousel-title{font-size:3.5rem;font-weight:800;margin-bottom:2rem;line-height:1.2;background:linear-gradient(135deg,#fff,#f1f5f9,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.3)}.carousel-details{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.carousel-detail{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#ffffff1a;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);font-size:1rem;font-weight:600;color:#fff;transition:all .3s ease}.carousel-detail:hover{background:#fff3;transform:translateY(-2px)}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.carousel-nav:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-50%) scale(1.1)}.carousel-nav-prev{left:2rem}.carousel-nav-next{right:2rem}.carousel-play-pause{position:absolute;bottom:2rem;right:2rem;background:#22c55ee6;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.carousel-play-pause:hover{background:#22c55e;transform:scale(1.1);box-shadow:0 8px 25px #22c55e66}.carousel-indicators{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:10}.carousel-indicator{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#fff3;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel-indicator.active{background:#ffffffe6;border-color:#ffffffe6;transform:scale(1.3)}.carousel-indicator:hover{background:#fff9;border-color:#fffc;transform:scale(1.2)}.carousel-slide:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23000000' fill-opacity='0.2' d='M0,96L48,112C96,128,192,160,288,186.7C384,213,480,235,576,218.7C672,203,768,149,864,138.7C960,128,1056,160,1152,165.3C1248,171,1344,149,1392,138.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");background-size:cover;background-position:bottom;pointer-events:none}@media (max-width: 1024px){.carousel-title{font-size:2.5rem}.carousel-details{gap:1.5rem}.carousel-nav{width:50px;height:50px}.carousel-nav-prev{left:1rem}.carousel-nav-next{right:1rem}}@media (max-width: 768px){.hero-carousel{height:60vh;min-height:400px}.carousel-title{font-size:2rem;margin-bottom:1.5rem}.carousel-details{flex-direction:column;gap:1rem;align-items:center}.carousel-detail{padding:.75rem 1rem;font-size:.9rem}.carousel-content{padding:1rem}.carousel-nav{width:45px;height:45px}.carousel-play-pause{width:45px;height:45px;bottom:1rem;right:1rem}.carousel-indicators{bottom:1rem}}@media (max-width: 480px){.carousel-title{font-size:1.5rem}.carousel-badge{padding:.5rem 1rem;font-size:.8rem}.carousel-nav-prev{left:.5rem}.carousel-nav-next{right:.5rem}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#fffc;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-left:4px solid #22c55e;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:1rem 2rem;margin-bottom:2rem;text-align:center;color:#fca5a5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.no-activities{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#fff9;text-align:center}.no-activities svg{color:#22c55e;margin-bottom:1rem}.no-activities h3{font-size:1.5rem;margin-bottom:.5rem;color:#fffc}.filter-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.filter-btn:disabled:hover{background:#ffffff1a;border-color:#fff3;transform:none;box-shadow:none}.activity-image-container.portrait .activity-image{object-position:center 25%}.activity-image-container.landscape .activity-image{object-position:center 30%}.activity-image-container.action .activity-image{object-position:center center}.activity-image-container.full-view .activity-image{object-fit:contain;background-color:#f3f4f6}.activity-image{filter:brightness(1.05) contrast(1.02) saturate(1.1)}.activity-card:hover .activity-image{filter:brightness(1.1) contrast(1.05) saturate(1.15)}@media (max-width: 768px){.activity-image{object-position:center 20%}.carousel-slide{background-position:center 20%}}.activity-image-container.tall-image .activity-image{object-fit:contain;object-position:center top;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}