:root{--ion-color-primary:var(--color-primary);--ion-color-primary-rgb:157,78,221;--ion-color-primary-contrast:var(--color-white);--ion-color-primary-contrast-rgb:255,255,255;--ion-color-primary-shade:var(--color-primary-dark);--ion-color-primary-tint:var(--color-primary-light);--ion-color-secondary:var(--color-soccer-green);--ion-color-secondary-rgb:56,176,0;--ion-color-secondary-contrast:var(--color-white);--ion-color-secondary-contrast-rgb:255,255,255;--ion-color-secondary-shade:var(--color-soccer-field);--ion-color-secondary-tint:#4cbb1a;--ion-color-tertiary:var(--color-primary-dark);--ion-color-tertiary-rgb:123,44,191;--ion-color-tertiary-contrast:var(--color-white);--ion-color-tertiary-contrast-rgb:255,255,255;--ion-color-tertiary-shade:#6c27a8;--ion-color-tertiary-tint:#8841c5;--ion-color-success:var(--color-success);--ion-color-success-rgb:56,176,0;--ion-color-warning:var(--color-warning);--ion-color-warning-rgb:230,213,0;--ion-color-danger:var(--color-error);--ion-color-danger-rgb:255,82,82;--ion-background-color:var(--color-background);--ion-background-color-rgb:0,0,0;--ion-text-color:var(--color-text-primary);--ion-text-color-rgb:255,255,255;--ion-card-background:var(--color-card-bg);--ion-item-background:transparent;--ion-toolbar-background:var(--color-primary-dark);--ion-tab-bar-background:var(--color-background);--ion-border-color:var(--color-border);--ion-border-radius:var(--radius-lg);--ion-button-border-radius:var(--radius-button);--ion-button-height:var(--button-height-md);--ion-font-family:var(--font-sans);--ion-safe-area-top:env(safe-area-inset-top);--ion-safe-area-bottom:env(safe-area-inset-bottom);--ion-safe-area-left:env(safe-area-inset-left);--ion-safe-area-right:env(safe-area-inset-right);--ion-color-step-50:#1e1e1e;--ion-color-step-100:#2a2a2a;--ion-color-step-150:#363636;--ion-color-step-200:#414141;--ion-color-step-250:#4d4d4d;--ion-color-step-300:#595959;--ion-color-step-350:#656565;--ion-color-step-400:#717171;--ion-color-step-450:#7d7d7d;--ion-color-step-500:#898989;--ion-color-step-550:#949494;--ion-color-step-600:#a0a0a0;--ion-color-step-650:#acacac;--ion-color-step-700:#b8b8b8;--ion-color-step-750:#c4c4c4;--ion-color-step-800:#d0d0d0;--ion-color-step-850:#dbdbdb;--ion-color-step-900:#e7e7e7;--ion-color-step-950:#f3f3f3}ion-action-sheet{z-index:var(--z-index-action-sheet)!important}ion-action-sheet.custom-action-sheet::part(header){color:var(--color-primary-light)!important;font-weight:var(--font-weight-semibold)}ion-app{--background:var(--color-background)!important;background-color:var(--color-background)!important}ion-button{--border-radius:var(--radius-button);--border-width:0!important;--border-style:none!important;--border-color:transparent!important;--box-shadow:none!important;--background-focused:var(--color-hover)!important;--background-focused-opacity:1!important;--background-hover-opacity:1!important;--ripple-color:var(--color-ripple)!important;font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);height:var(--button-height-md);text-transform:none}ion-button::part(native){overflow:hidden!important;background:var(--background)!important;border-radius:var(--border-radius)!important}ion-button::part(ripple-effect){display:none!important}ion-button .button-inner{overflow:hidden!important}ion-button[shape=round]{--border-radius:22px}ion-button[fill=clear]{--color:var(--color-primary);--background:transparent;--background-activated:var(--color-hover);--background-focused:var(--color-hover);--background-hover:var(--color-hover)}ion-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin:0 0 20px;overflow:hidden;border:1px solid var(--color-border);width:100%}ion-chip{--color:var(--color-text-primary)}ion-content{--background:var(--color-background);--padding-top:var(--ion-safe-area-top);--padding-bottom:var(--ion-safe-area-bottom);--scrollbar-display:none;height:100%!important;min-height:100%!important;display:block!important}ion-content .inner-scroll,ion-content .scroll-y,ion-content::part(scroll),ion-modal .modal-wrapper,ion-modal::part(content),ion-popover::part(content){scrollbar-width:none!important;-ms-overflow-style:none!important}ion-content .inner-scroll::-webkit-scrollbar,ion-content .scroll-y::-webkit-scrollbar,ion-content::part(scroll)::-webkit-scrollbar,ion-modal .modal-wrapper::-webkit-scrollbar,ion-modal::part(content)::-webkit-scrollbar,ion-popover::part(content)::-webkit-scrollbar{display:none!important}ion-fab{z-index:var(--z-index-fab)!important}ion-header{backdrop-filter:var(--backdrop-blur)}ion-input{--color:var(--color-text-primary);--placeholder-color:var(--color-text-tertiary);--padding-start:0;font-size:17px;--placeholder-opacity:0.6;margin-top:8px}ion-item{--color:var(--color-text-primary);--border-color:var(--color-border);--padding-start:16px;--inner-padding-end:16px;--background:var(--ion-item-background);--transition:background-color 200ms linear;--min-height:var(--touch-target-min)}ion-item.item-has-focus ion-label{color:var(--color-primary)!important}ion-item.item-has-value ion-label{color:var(--color-text-secondary)!important}ion-label{--color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-size:16px}ion-label[color=medium]{--color:var(--color-text-secondary)!important}ion-list{background:var(--ion-item-background);border-radius:var(--radius-md);overflow:hidden;margin-bottom:16px}ion-list-header{--color:var(--color-text-primary)}ion-modal{--background:rgba(0,0,0,0.9);z-index:var(--z-index-modal)!important}ion-backdrop{z-index:var(--z-index-modal-backdrop)!important}ion-note{--color:var(--color-text-secondary);font-size:13px}ion-page{background:var(--color-background)!important}ion-range{--bar-background:rgba(255,255,255,0.3);--bar-background-active:var(--color-primary);--knob-background:var(--color-primary);--pin-background:var(--color-primary);--pin-color:var(--color-white)}ion-reorder,ion-searchbar{--color:var(--color-text-primary)}ion-searchbar{--placeholder-color:var(--color-text-tertiary);--icon-color:var(--color-text-tertiary);--clear-button-color:var(--color-text-tertiary)}ion-segment-button{--color:var(--color-text-primary)!important;--color-checked:var(--color-text-primary)!important;--indicator-color:var(--color-primary)}ion-segment-button ion-icon,ion-segment-button ion-label{color:var(--color-text-primary)!important}ion-segment-button::part(indicator){background:var(--color-primary)}ion-segment-button::part(native){color:var(--color-text-primary)!important}ion-segment-button::part(label){color:var(--color-text-primary)!important}ion-select,ion-textarea{--color:var(--color-text-primary);--placeholder-color:var(--color-text-tertiary)}ion-title{font-weight:var(--font-weight-semibold)}ion-title[size=large]{font-size:34px;font-weight:var(--font-weight-bold);padding-left:16px;background:linear-gradient(to right,var(--color-white),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}ion-toolbar{--background:var(--color-primary-dark);--border-color:var(--color-border);--min-height:var(--touch-target-min);--padding-top:var(--ion-safe-area-top);--color:var(--color-text-primary)}.msn-button-primary{--background:var(--color-primary);--background-activated:var(--color-primary-dark);--background-focused:var(--color-primary-dark);--background-hover:var(--color-primary-dark);--color:var(--color-white);--border-radius:var(--radius-button);--padding-start:var(--spacing-lg);--padding-end:var(--spacing-lg);--box-shadow:none}.msn-button-primary,.msn-button-secondary{height:var(--button-height-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);text-transform:none}.msn-button-secondary{--background:transparent;--background-activated:var(--color-hover);--background-focused:var(--color-hover);--background-hover:var(--color-hover);--color:var(--color-primary);--border-color:var(--color-primary);--border-radius:var(--radius-button);--border-style:solid;--border-width:1px;--padding-start:var(--spacing-lg);--padding-end:var(--spacing-lg);--box-shadow:none}.msn-button-small{height:20px;font-size:var(--font-size-sm);--padding-start:var(--spacing-lg);--padding-end:var(--spacing-lg);--padding-top:0px;--padding-bottom:0px;line-height:1}.msn-button-large{height:var(--button-height-lg);font-size:var(--font-size-lg);--padding-start:20px;--padding-end:20px}.msn-button-icon{--color:rgba(255,255,255,0.9);--color-activated:var(--color-white);--color-focused:var(--color-white);--background-activated:var(--color-hover);--background-focused:var(--color-hover);--border-radius:var(--radius-circle);--padding-start:var(--spacing-sm);--padding-end:var(--spacing-sm);--padding-top:var(--spacing-sm);--padding-bottom:var(--spacing-sm);min-width:40px;min-height:40px}.msn-card,.msn-card-compact{--background:var(--color-card-bg);--color:var(--color-text-primary);border-radius:var(--radius-lg);backdrop-filter:var(--backdrop-blur);margin:0;box-shadow:none}.msn-card ion-card-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-sm) var(--spacing-lg)}.msn-card ion-card-content{padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg) var(--spacing-lg)}.msn-card-compact ion-card-header{padding:var(--spacing-md) var(--spacing-md) 6px var(--spacing-md)}.msn-card-compact ion-card-content{padding:6px var(--spacing-md) var(--spacing-md) var(--spacing-md)}.msn-segment{--background:rgba(30,30,30,0.8);border-radius:var(--radius-lg);backdrop-filter:var(--backdrop-blur)}.msn-segment ion-segment-button{--color:var(--color-text-secondary);--color-checked:var(--color-text-primary);--indicator-color:var(--color-primary);--indicator-color-checked:var(--color-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.msn-fab-primary{--background:var(--color-primary);--background-activated:var(--color-primary-dark);--background-focused:var(--color-primary-dark);--color:var(--color-white);--box-shadow:0 4px 16px rgba(157,78,221,0.4);--transition:all var(--transition-medium)}.msn-fab-primary:hover{--box-shadow:0 6px 20px rgba(157,78,221,0.5);transform:translateY(-2px)}.msn-heading-1{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary);margin:0}.msn-heading-2{font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.msn-heading-2,.msn-heading-3{font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal);color:var(--color-text-primary);margin:0}.msn-heading-3{font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.msn-heading-4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:0}.msn-heading-4,.msn-text-large{color:var(--color-text-primary);margin:0}.msn-text-large{font-size:17px;font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-normal)}.msn-text{font-size:15px;letter-spacing:var(--letter-spacing-normal)}.msn-text,.msn-text-small{font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-secondary);margin:0}.msn-text-small{font-size:13px;letter-spacing:0}.msn-text-caption{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);letter-spacing:0;color:var(--color-text-tertiary);margin:0}.msn-text-primary{color:var(--color-text-primary)!important}.msn-text-secondary{color:var(--color-text-secondary)!important}.msn-text-tertiary{color:var(--color-text-tertiary)!important}.msn-text-brand{color:var(--color-primary)!important}.msn-font-normal{font-weight:var(--font-weight-normal)}.msn-font-medium{font-weight:var(--font-weight-medium)}.msn-font-semibold{font-weight:var(--font-weight-semibold)}.msn-font-bold{font-weight:var(--font-weight-bold)}.msn-text-center{text-align:center}.msn-text-left{text-align:left}.msn-text-right{text-align:right}.msn-text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msn-text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.msn-container{max-width:100%;margin:0 auto}.msn-app-content,.msn-container,.msn-container-fluid{padding:var(--spacing-lg);width:100%;box-sizing:border-box}.msn-app-content{padding-bottom:calc(100px + env(safe-area-inset-bottom, 0px));overflow-x:hidden}.msn-section{margin-bottom:var(--spacing-xl)}.msn-section:last-child{margin-bottom:0}.msn-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding:0}.msn-flex{display:flex}.msn-flex-column{flex-direction:column}.msn-flex-row{flex-direction:row}.msn-flex-wrap{flex-wrap:wrap}.msn-items-center{align-items:center}.msn-items-start{align-items:flex-start}.msn-items-end{align-items:flex-end}.msn-justify-center{justify-content:center}.msn-justify-between{justify-content:space-between}.msn-justify-around{justify-content:space-around}.msn-justify-start{justify-content:flex-start}.msn-justify-end{justify-content:flex-end}.purple-button{--color:var(--color-white);--background:var(--color-primary);--background-hover:#8a2be2;--background-activated:var(--color-primary-dark);--border-radius:var(--radius-lg);--box-shadow:none;text-transform:none;height:32px;--padding-start:var(--spacing-md);--padding-end:var(--spacing-md);--padding-top:4px;--padding-bottom:4px;font-size:var(--font-size-md);overflow:hidden}.bright-purple-header{--color:var(--color-primary-light)!important;font-weight:var(--font-weight-semibold)}.error-alert{--background:var(--color-gray-800);--color:var(--color-white)}.error-alert .alert-message{color:var(--color-error)!important;font-weight:var(--font-weight-medium)}.error-alert .alert-header{color:var(--color-white)!important;font-weight:var(--font-weight-semibold)}.ios-alert{--backdrop-opacity:0.3;--width:270px;--max-width:90%;--max-height:90%;--border-radius:var(--radius-lg);--background:rgba(255,255,255,0.95)}.ion-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-background)}.ion-loading-spinner{width:20px;height:20px;border-radius:var(--radius-circle);border:2px solid var(--color-primary);border-top:2px solid transparent;animation:spin 1s linear infinite;margin-bottom:var(--spacing-sm)}.ion-loading-text{font-size:17px;font-weight:var(--font-weight-normal)}@keyframes spin{to{transform:rotate(1turn)}}body[data-pathname="/join"] #join-modal-portal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:999999!important;pointer-events:none!important}body[data-pathname="/join"] #join-modal-portal:has(*){pointer-events:auto!important}body[data-pathname="/join"] #join-modal-portal{transform:none!important;filter:none!important;backdrop-filter:none!important;perspective:none!important;will-change:auto!important}body[data-pathname="/join"] .join-modal-backdrop{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:1000000!important;background:rgba(0,0,0,.85)!important}body[data-pathname="/join"] .join-modal-content{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;max-width:28rem!important;width:90%!important;max-height:90vh!important;overflow-y:auto!important;background:rgb(17,24,39)!important;border-radius:1rem!important;padding:2rem!important;z-index:1000001!important}body[data-pathname="/join"].join-modal-open{overflow:hidden!important;height:100vh!important}body[data-pathname="/donate"]{transform:none!important;filter:none!important;perspective:none!important;will-change:auto!important}body[data-pathname="/donate"] .modalOverlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:10000!important;display:flex!important;align-items:center!important;justify-content:center!important}body[data-pathname="/donate"] .modalContainer{position:relative!important;margin:auto!important}body[data-pathname="/donate"].donate-modal-open{overflow:hidden!important;height:100vh!important}