.ios-card{background-color:var(--color-card-bg);backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);transition:transform var(--transition-fast)}.ios-card:active{transform:scale(.98)}.ios-card-content,.modern-card{padding:var(--spacing-lg)}.modern-card{background:var(--color-glass);border-radius:var(--radius-lg);backdrop-filter:var(--backdrop-blur);border:1px solid var(--color-glass-border);transition:all var(--transition-medium)}.modern-card:hover{background:var(--color-glass-hover);transform:translateY(-2px)}.ios-section-header{display:flex!important;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);background-color:transparent!important}.ios-section-header,.ios-section-header h2{opacity:1!important;visibility:visible!important}.ios-section-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)!important;margin:0;letter-spacing:var(--letter-spacing-tight)}.ios-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.ios-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}@media (max-width:375px){.ios-grid-3col{gap:var(--spacing-sm)}}.ios-responsive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}@media (min-width:400px){.ios-responsive-grid{grid-template-columns:repeat(4,1fr);gap:10px}}@media (min-width:500px){.ios-responsive-grid{grid-template-columns:repeat(5,1fr);gap:var(--spacing-md)}}.ios-title-lg{font-size:var(--font-size-xl);letter-spacing:var(--letter-spacing-tight)}.ios-title-lg,.ios-title-md{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.ios-title-md{font-size:var(--font-size-lg);letter-spacing:var(--letter-spacing-normal)}.ios-title-sm{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.ios-text{font-size:13px;line-height:var(--line-height-tight);margin:0}.ios-text,.ios-text-sm{color:var(--color-text-secondary)}.ios-text-sm{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.ios-text-xs{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.ios-truncate{white-space:nowrap}.ios-truncate,.ios-truncate-2{overflow:hidden;text-overflow:ellipsis}.ios-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ios-margin-b-sm{margin-bottom:var(--spacing-sm)}.ios-margin-b-md{margin-bottom:var(--spacing-lg)}.ios-margin-b-lg{margin-bottom:var(--spacing-xl)}.ios-padding{padding:var(--spacing-lg)}.ios-padding-sm{padding:var(--spacing-md)}.ios-padding-lg{padding:var(--spacing-xl)}.ios-button-primary{--color:var(--color-white);--background:var(--color-primary);--background-hover:#8a2be2;--background-activated:var(--color-primary-dark);--border-radius:var(--radius-lg);--box-shadow:var(--shadow-primary);text-transform:none;height:32px;--padding-start:var(--spacing-md);--padding-end:var(--spacing-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.ios-icon-button{width:36px;height:36px;border-radius:18px;background-color:var(--color-hover);display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);border:none;transition:background-color var(--transition-fast)}.ios-icon-button:active{background-color:var(--color-activated)}.gradient-button{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-white);border-radius:var(--radius-button);padding:var(--spacing-md) var(--spacing-xl);font-weight:var(--font-weight-semibold);transition:all var(--transition-medium);border:none;cursor:pointer}.gradient-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.secondary-button{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-button);padding:var(--spacing-md) var(--spacing-xl);font-weight:var(--font-weight-semibold);transition:all var(--transition-medium);cursor:pointer}.secondary-button:hover{background:var(--color-hover)}.ios-color-primary{color:var(--color-primary)}.ios-color-secondary{color:var(--color-primary-dark)}.ios-color-tertiary{color:var(--color-primary-light)}.ios-bg-primary{background-color:var(--color-primary)}.ios-bg-secondary{background-color:var(--color-primary-dark)}.ios-bg-card{background-color:var(--color-card-bg);backdrop-filter:var(--backdrop-blur)}.ios-pillar-technical{background-color:var(--color-pillar-technical)}.ios-pillar-physical{background-color:var(--color-pillar-physical)}.ios-pillar-lifestyle{background-color:var(--color-pillar-lifestyle)}.ios-pillar-mentality{background-color:var(--color-pillar-mentality)}.ios-pillar-tactical{background-color:var(--color-pillar-tactical)}.ios-empty-state{width:100%;padding:var(--spacing-xxl) var(--spacing-lg);background-color:var(--color-card-bg);backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-lg);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-lg)}.ios-progress{height:4px;border-radius:2px;--background:var(--color-hover);margin-bottom:4px}.glass-effect{border:1px solid var(--color-glass-border)}.glass-card,.glass-effect{background:var(--color-glass);backdrop-filter:var(--backdrop-blur)}.glass-card{border-radius:var(--radius-lg);border:1px solid var(--color-glass-border);padding:var(--spacing-lg)}.hover-lift{transition:transform var(--transition-medium)}.hover-lift:hover{transform:translateY(-2px)}.hover-glow{transition:box-shadow var(--transition-medium)}.hover-glow:hover{box-shadow:var(--shadow-primary)}.hover-scale{transition:transform var(--transition-medium)}.hover-scale:hover{transform:scale(1.02)}.ios-spring-in{animation:ios-spring-in .5s cubic-bezier(.25,.46,.45,.94) forwards}.ios-delay-1{animation-delay:.1s}.ios-delay-2{animation-delay:.2s}.ios-delay-3{animation-delay:.3s}.ios-delay-4{animation-delay:.4s}.ios-delay-5{animation-delay:.5s}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-col,.flex-col-center{display:flex;flex-direction:column}.flex-col-center{align-items:center;justify-content:center}@keyframes spin{to{transform:rotate(1turn)}}@keyframes aurora-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes sparkle-rotate{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInCard{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes expandOptions{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px rgba(157,78,221,.3)}50%{box-shadow:0 0 40px rgba(157,78,221,.6)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}@keyframes fab-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes shimmerText{0%{background-position:-200%}to{background-position:200%}}@keyframes shine{0%{background-position:-200%}to{background-position:200%}}@keyframes premiumShine{0%{left:-100%}to{left:100%}}@keyframes icon-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fire-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes particle-float{0%{transform:translateY(0) translateX(0)}50%{transform:translateY(-20px) translateX(10px)}to{transform:translateY(0) translateX(0)}}@keyframes badge-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes achievementBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes newBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.05)}}@keyframes ios-spring-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes ios-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ios-card-slide-in{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ios-popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ios-popup-scale-in{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes typingDot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}@keyframes typing-dot{0%,60%,to{opacity:.3}30%{opacity:1}}@keyframes typing-wave{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}@keyframes progress{0%{width:0}to{width:100%}}@keyframes spinRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes meshFlow{0%{transform:translate(0)}to{transform:translate(-50%,-50%)}}@keyframes backgroundFloat{0%,to{transform:translate(0)}33%{transform:translate(30px,-50px)}66%{transform:translate(-20px,20px)}}@keyframes grid-move{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}@keyframes pulse-dots{0%,to{opacity:.3}50%{opacity:1}}@keyframes newPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@keyframes trendingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes checkpoint-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}@keyframes attendingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes importantGlow{0%,to{box-shadow:0 0 10px rgba(255,82,82,.5)}50%{box-shadow:0 0 20px rgba(255,82,82,.8)}}@keyframes avatar-glow{0%,to{box-shadow:0 0 15px rgba(157,78,221,.5)}50%{box-shadow:0 0 25px rgba(157,78,221,.8)}}.ion-app,ion-app{margin:0!important;padding:0!important;width:100%!important;height:100%!important;background:var(--color-background)!important;overflow:hidden}.app-container,.ion-page,ion-page{background:var(--color-background)!important;height:auto!important;min-height:100%!important}@media (max-width:768px){#notification-dropdown{display:none!important}}#notification-dropdown{position:fixed!important;top:60px!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important;border-left:none!important;border-right:none!important}body.notification-dropdown-open{overflow:hidden!important}body.notification-dropdown-open #notification-dropdown{height:auto!important;max-height:calc(100vh - 60px)!important;overflow-y:auto!important}html{height:100%!important;overflow-x:hidden!important;overflow-y:auto!important}.app-container{display:flex;flex-direction:column;height:100%;width:100%;overflow-y:auto;overflow-x:hidden;margin:0;padding:0;background-color:var(--color-background)!important}body:not([data-pathname*="/join"]){position:relative!important}.custom-nav-container{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100vw!important;z-index:var(--z-index-navigation)!important;pointer-events:none;padding:0 0 env(safe-area-inset-bottom,0)!important;transform:translateZ(0)!important;will-change:transform!important;display:block!important;box-sizing:border-box!important;height:auto!important;flex-shrink:0!important;flex-grow:0!important;flex-basis:auto!important}.custom-nav-bar,.custom-nav-container{margin:0!important;min-height:65px!important}.custom-nav-bar{position:relative!important;width:100%!important;height:65px!important;background-color:var(--color-primary-dark)!important;display:flex!important;justify-content:space-around!important;align-items:center!important;pointer-events:auto!important;min-width:320px!important;padding-left:env(safe-area-inset-left,0)!important;padding-right:env(safe-area-inset-right,0)!important;touch-action:none!important;overscroll-behavior:contain!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;overflow:visible!important}@media (min-width:400px){.custom-nav-bar{height:70px}}@media (min-width:768px){.custom-nav-bar{height:75px}}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(255,255,255,.8);text-decoration:none;font-size:var(--font-size-sm);transition:all var(--transition-medium);min-width:50px;width:14%;max-width:80px;height:100%;position:relative;font-weight:var(--font-weight-semibold);padding:0 2px;margin:0;gap:2px;box-sizing:border-box;align-content:center;align-self:center;place-content:center;place-items:center}.nav-item ion-icon{font-size:22px;margin-bottom:0;filter:drop-shadow(0 0 2px rgba(255,255,255,.2));flex-shrink:0}.nav-item span{font-weight:var(--font-weight-semibold);letter-spacing:.25px;font-size:var(--font-size-xs);line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-item.active{color:var(--color-white);text-shadow:0 0 10px rgba(255,255,255,.7)}.nav-item.active ion-icon{filter:drop-shadow(0 0 8px rgba(255,255,255,.7))}@media (max-width:767px){.nav-item{min-width:45px!important;width:14%!important;font-size:var(--font-size-xs)!important;padding:0 2px!important;gap:3px!important}}.center-button-container{position:relative;width:14%;height:100%}.center-button,.center-button-container{display:flex;align-items:center;justify-content:center;box-sizing:border-box}.center-button{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:60px;height:60px;border-radius:var(--radius-circle);background-color:var(--color-primary-dark);color:var(--color-white);text-decoration:none;transition:all var(--transition-fast);border:4px solid #121212;z-index:2;background-image:linear-gradient(135deg,#8a36d9,#6a1eaf)}.center-button svg{width:22px;height:22px}.center-button.active{background-color:var(--color-primary-dark)}.center-button:hover{transform:translateX(-50%) scale(1.05)}@media (min-width:400px){.center-button{width:70px;height:70px;top:-25px}.center-button svg{width:24px;height:24px}}@media (min-width:768px){.center-button{width:80px;height:80px;top:-30px}.center-button svg{width:26px;height:26px}}.ion-page{padding-bottom:calc(65px + env(safe-area-inset-bottom, 0px))!important;background-color:var(--color-background)!important;height:100%;overflow-y:auto;overflow-x:hidden}@media (min-width:400px){.ion-page{padding-bottom:calc(70px + env(safe-area-inset-bottom, 0px))!important}}@media (min-width:768px){.ion-page{padding-bottom:calc(75px + env(safe-area-inset-bottom, 0px))!important}}.ios-tab-bar{display:none!important}@media (min-width:768px){.custom-nav-container{position:fixed!important;bottom:0!important;left:0!important;right:0!important}.custom-nav-bar{margin-bottom:0!important}.app-container,.ion-page{height:100%!important}}@media (max-width:767px){.custom-nav-container{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:10000!important;height:auto!important;width:100%!important;max-width:100%!important}.custom-nav-bar{position:relative!important;width:100%!important;margin:0!important;padding-bottom:env(safe-area-inset-bottom,0)!important;display:flex!important;justify-content:space-around!important;align-items:center!important;min-height:65px!important}}body,html{height:100%!important;overflow-x:hidden!important}.ion-app,.ion-content,.ion-page,body,html,ion-app,ion-content,ion-page{margin:0!important;padding:0!important;width:100%!important;background:#000000!important;border:none!important;outline:none!important}.ion-app,.ion-content,.ion-page,ion-app,ion-content,ion-page{min-height:100%!important}#__next{height:100%!important}#__next,.app-content,.ds-app-content,.msn-app-content,div.app-content,div.ds-app-content,div.msn-app-content{margin:0!important;padding:0!important;width:100%!important;background:#000000!important;border:none!important}.app-container,.container,.content-container,.main-container,.page-container{margin:0!important;background:#000000!important;border:none!important;width:100%!important}@media (min-width:768px){.ion-app,body,html,ion-app{margin:0!important;padding:0!important;background:#000000!important;width:100%!important;height:100%!important}}@media (max-width:767px){.ion-app,body,html,ion-app{margin:0!important;padding:0!important;background:#000000!important;width:100%!important;height:100%!important}}@media (display-mode:standalone){.ion-app,body,html,ion-app{margin:0!important;padding:0!important;background:#000000!important;width:100%!important;height:100%!important;overflow-x:hidden!important}}@supports (padding:env(safe-area-inset-top)){.ion-app,body,html{margin:0!important;padding:0!important;background:#000000!important}.ion-app{width:100%!important;height:100%!important}}*{border:none!important}ion-content::part(background){background:#000000!important}ion-content::part(scroll){background:#000000!important}.ion-page::part(background){background:#000000!important}