:root{--color-primary: #4e0078;--color-primary-container: #6a1b9a;--color-on-primary: #ffffff;--color-on-primary-container: #da9cff;--color-secondary: #006e1c;--color-on-secondary: #ffffff;--color-secondary-container: #91f78e;--color-on-secondary-container: #00731e;--color-tertiary: #00363e;--color-on-tertiary: #ffffff;--color-tertiary-container: #004e59;--color-on-tertiary-container: #24c6de;--color-background: #f8f9ff;--color-on-background: #0d1c2f;--color-surface: #f8f9ff;--color-surface-dim: #ccdbf4;--color-surface-bright: #f8f9ff;--color-surface-container-lowest: #ffffff;--color-surface-container-low: #eff4ff;--color-surface-container: #e6eeff;--color-surface-container-high: #dde9ff;--color-surface-container-highest: #d5e3fd;--color-on-surface: #0d1c2f;--color-on-surface-variant: #4d4351;--color-inverse-surface: #233144;--color-inverse-on-surface: #ebf1ff;--color-outline: #7f7383;--color-outline-variant: #d0c2d3;--color-surface-variant: #d5e3fd;--color-surface-white: #ffffff;--color-surface-soft: #f8fafc;--color-glass-stroke: rgba(255, 255, 255, .4);--color-status-win: #4caf50;--color-status-live: #e91e63;--color-error: #ba1a1a;--color-on-error: #ffffff;--color-error-container: #ffdad6;--color-on-error-container: #93000a;--font-headline: "Montserrat", sans-serif;--font-body: "Inter", sans-serif;--rounded-sm: .25rem;--rounded-default: .5rem;--rounded-md: .75rem;--rounded-lg: 1rem;--rounded-xl: 1.5rem;--rounded-full: 9999px;--spacing-container-max: 1280px;--spacing-gutter: 1.5rem;--spacing-margin-mobile: 1rem;--spacing-stack-sm: .5rem;--spacing-stack-md: 1rem;--spacing-stack-lg: 2rem}html,body{margin:0;width:100%;height:100%;font-family:var(--font-body);background-color:var(--color-background);color:var(--color-on-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);color:var(--color-on-background);font-weight:700}header{background-color:#ffffffbf;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid var(--color-outline-variant);position:sticky;top:0;z-index:100}nav{display:flex;justify-content:space-between;align-items:center;padding:.75rem 2rem;max-width:var(--spacing-container-max);margin:0 auto}.logo-container{display:flex;align-items:center;gap:2rem}.verein-logo{margin-right:1.5rem}.logo a,.verein-logo a{display:flex;align-items:center;text-decoration:none}.verein-logo span{font-family:var(--font-headline);font-size:.9rem;font-weight:600;color:var(--color-on-surface-variant);transition:color .2s}.verein-logo a:hover span{color:var(--color-primary)}.logo-img{width:44px;height:44px;border-radius:var(--rounded-full);object-fit:cover;margin-right:10px;border:1px solid var(--color-outline-variant)}.logo span{font-family:var(--font-headline);font-size:1.35rem;font-weight:800;color:var(--color-primary);letter-spacing:-.01em}.nav-links{display:flex;list-style:none;margin:0;padding:0;gap:2rem;align-items:center}.nav-links a{color:var(--color-on-surface-variant);text-decoration:none;font-family:var(--font-headline);font-size:.95rem;font-weight:600;padding:.5rem 0;transition:color .2s,border-color .2s;border-bottom:3px solid transparent}.nav-links a:hover{color:var(--color-primary)}.nav-links a.active{color:var(--color-primary-container);border-bottom-color:var(--color-secondary)}main{padding:2rem var(--spacing-gutter);max-width:var(--spacing-container-max);margin:0 auto;min-height:calc(100vh - 80px)}.reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--color-on-surface-variant);cursor:pointer;padding:.5rem;border-radius:var(--rounded-sm);transition:color .2s,background-color .2s}.mobile-menu-toggle:hover{color:var(--color-primary);background-color:var(--color-surface-container-low)}@media (max-width: 768px){nav{flex-direction:row;flex-wrap:wrap;padding:.75rem 1.5rem;justify-content:space-between;align-items:center}.logo-container{flex-direction:row;gap:1rem;margin-bottom:0}.logo span{font-size:1.15rem}.verein-logo{display:none}.mobile-menu-toggle{display:block;z-index:101}.nav-links{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-outline-variant);padding:1.5rem var(--spacing-gutter);gap:1.25rem;width:100%;box-sizing:border-box;max-height:0;opacity:0;overflow:hidden;visibility:hidden;transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .25s ease,visibility .25s;box-shadow:0 10px 30px #0000000d;align-items:stretch;text-align:left}.nav-links.mobile-open{max-height:380px;opacity:1;visibility:visible}.nav-links a{font-size:1rem;padding:.5rem 0;border-bottom:1px solid transparent;width:100%;display:block}.nav-links a.active{border-bottom-color:var(--color-secondary);width:fit-content}}.page-container{padding:var(--spacing-stack-lg) 0}.badge-container{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:var(--rounded-full);background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);font-family:var(--font-headline);font-size:.8rem;font-weight:600;width:fit-content;box-shadow:0 2px 5px #006e1c0d}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-container) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.delay-100{transition-delay:.1s!important}.delay-200{transition-delay:.2s!important}.delay-300{transition-delay:.3s!important}h1{font-size:2.25rem;margin-bottom:var(--spacing-stack-sm);color:var(--color-on-background);letter-spacing:-.02em}h2{font-size:1.5rem;color:var(--color-primary-container);margin-top:1.5rem;margin-bottom:var(--spacing-stack-sm)}p{color:var(--color-on-surface-variant);line-height:1.6}.page-hero{text-align:center;margin-bottom:var(--spacing-stack-lg)}.page-hero .badge-container{text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-stack-md);display:inline-flex;align-items:center;gap:.5rem}.page-hero .hero-title{font-size:3rem;font-weight:800;line-height:1.15;margin-top:.5rem;margin-bottom:var(--spacing-stack-md)}.page-hero .intro-text{font-size:1.15rem;max-width:650px;margin:0 auto}@media (max-width: 768px){.page-hero .hero-title{font-size:2.25rem}}