:root{--color-primary:#0d2241;--color-primary-border:#003d82;--color-accent:#d6b42e;--color-text:#2c3e50;--color-text-secondary:#555;--color-text-muted:#666;--color-bg:#d7e3f1;--color-bg-light:#e8f0f8;--color-bg-light-2:#d8e8f5;--color-border:#e0e0e0;--color-white:#fff;--shadow-dark:#0000001a;--shadow-dark-soft:#00000014;--shadow-accent-rgb:0, 85, 184}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-text);background:var(--color-bg);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}header{background:var(--color-primary);border-bottom:3px solid var(--color-primary-border);z-index:100;box-shadow:0 2px 8px var(--shadow-dark);padding:1.5rem 0;position:sticky;top:0}nav{justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto;padding:0 2rem;display:flex}.logo-container{color:var(--color-white);align-items:center;gap:1rem;text-decoration:none;display:flex}.logo{background:var(--color-white);width:45px;height:45px;color:var(--color-primary);border-radius:8px;justify-content:center;align-items:center;font-size:24px;display:flex}.logo img{object-fit:cover;border:1px solid var(--color-white);border-radius:6px;width:100%;height:100%}.club-name{color:var(--color-white);font-size:20px;font-weight:600}.menu-toggle-checkbox{display:none}.menu-toggle{color:var(--color-white);cursor:pointer;opacity:.9;background:0 0;border:none;padding:0;font-size:1.8rem;transition:color .2s;display:none}.menu-toggle:hover{color:var(--color-accent);opacity:1}.nav-menu{gap:2.5rem;list-style:none;display:flex}nav a{color:var(--color-white);opacity:.9;font-weight:500;text-decoration:none;transition:color .2s}nav a:hover,nav a.active{color:var(--color-accent);opacity:1}@media (width<=768px){nav{flex-wrap:wrap;position:relative}.menu-toggle{display:block}.nav-menu{background:var(--color-primary);border-top:2px solid var(--color-primary-border);flex-direction:column;gap:0;max-height:0;margin:0;padding:0;transition:max-height .3s;position:absolute;top:calc(100% + 1.5rem);left:0;right:0;overflow:hidden}.menu-toggle-checkbox:checked~.nav-menu{max-height:500px}.nav-menu li{border-bottom:1px solid #ffffff1a;padding:1rem 2rem}.nav-menu li:last-child{border-bottom:none}.logo-container{flex:1}}main{flex:1 0 auto;width:100%;max-width:1000px;margin:0 auto;padding:0 2rem}section{padding:3rem 0}h1{color:var(--color-primary);margin-bottom:2rem;font-size:2.5rem}h2{color:var(--color-primary);margin-top:2rem;margin-bottom:1.5rem;font-size:1.8rem}h2:first-child{margin-top:0}h3{color:var(--color-primary);margin-top:2rem;margin-bottom:1.5rem;font-size:1.5rem}p{color:var(--color-text-secondary);margin-bottom:1rem;line-height:1.7}.hero-title{color:var(--color-primary);margin-bottom:1rem;font-size:3rem}.hero-subtitle{color:var(--color-primary);margin-bottom:2rem;font-size:1.2rem}.cta-button{background:var(--color-primary);color:var(--color-white);cursor:pointer;border:none;border-radius:6px;padding:12px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.cta-button:hover{background:var(--color-accent);box-shadow:0 4px 12px rgba(var(--shadow-accent-rgb), .2);transform:translateY(-2px)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.gallery-item{background:var(--color-white);aspect-ratio:1;box-shadow:0 2px 8px var(--shadow-dark-soft);border:1px solid var(--color-border);border-radius:8px;transition:transform .2s,box-shadow .2s;overflow:hidden}.gallery-item:hover{box-shadow:0 4px 16px rgba(var(--shadow-accent-rgb), .15);transform:translateY(-4px)}.gallery-placeholder{background:linear-gradient(135deg, var(--color-bg-light) 0%, var(--color-bg-light-2) 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:3rem 0;display:grid}.stat-card{background:var(--color-white);text-align:center;box-shadow:0 2px 8px var(--shadow-dark-soft);border-left:4px solid var(--color-primary);border-radius:8px;padding:2rem;transition:transform .2s}.stat-card:hover{box-shadow:0 4px 16px rgba(var(--shadow-accent-rgb), .12);transform:translateY(-4px)}.stat-number{color:var(--color-primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.stat-label{color:var(--color-text-muted);font-weight:600}.chart{background:var(--color-white);box-shadow:0 2px 8px var(--shadow-dark-soft);border:1px solid var(--color-border);border-radius:8px;margin:2rem 0;padding:2rem}.chart-bar{flex-direction:row;align-items:center;margin-bottom:1.5rem;display:flex}.chart-label{width:120px;color:var(--color-primary);font-weight:600}.chart-bar-container{background:var(--color-bg-light);border-radius:4px;flex:1;height:30px;overflow:hidden}.chart-bar-fill{background:var(--color-primary);height:100%;transition:width .8s}.chart-value{color:var(--color-primary);white-space:pre;min-width:50px;margin-left:1rem;font-weight:600}@media (width<=768px){.chart-bar{background:var(--color-white);flex-direction:column;align-items:center;width:100%;height:100px;margin-bottom:1.5rem;display:flex}.chart-label{width:auto;margin-bottom:.5rem;margin-right:auto}.chart-bar-container{background:var(--color-bg-light);border-radius:4px;width:100%;height:30px;margin:0 auto;overflow:hidden}.chart-bar-fill{background:var(--color-primary);height:100%;transition:width .8s}.chart-value{color:var(--color-primary);white-space:pre;margin-top:.5rem;margin-left:auto;font-weight:600}}.about-section{background:var(--color-white);box-shadow:0 2px 8px var(--shadow-dark-soft);border-left:4px solid var(--color-primary);border-radius:8px;margin:2rem 0;padding:2rem;transition:transform .2s}.about-section:hover{box-shadow:0 4px 16px rgba(var(--shadow-accent-rgb), .12);transform:translateY(-2px)}.about-section h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.3rem}.about-section p{color:var(--color-text-secondary)}footer{background:var(--color-primary);border-top:3px solid var(--color-primary-border);text-align:center;box-shadow:0 -2px 8px var(--shadow-dark);margin-top:2rem;padding:2rem 0}.footer-content{max-width:1000px;margin:0 auto;padding:0 2rem}footer p{color:var(--color-white);margin:0 0 1rem}.social-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.social-links a{color:var(--color-white);opacity:.9;font-weight:500;text-decoration:none;transition:color .2s}.social-links a:hover{color:var(--color-accent);opacity:1}@media (width<=768px){.hero-title,h1{font-size:2rem}nav ul{gap:1.5rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.stats-grid{grid-template-columns:1fr}}.year-selector{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.year-selector label{color:var(--color-primary);font-size:1.1rem;font-weight:600}.year-selector select{border:2px solid var(--color-primary);color:var(--color-text);background:var(--color-white);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d2241' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:20px;border-radius:6px;padding:10px 40px 10px 16px;font-size:1rem;font-weight:500;transition:all .2s}.year-selector select:hover{box-shadow:0 2px 8px rgba(var(--shadow-accent-rgb), .2);border-color:var(--color-primary)}.year-selector select:focus{box-shadow:0 0 0 3px rgba(var(--shadow-accent-rgb), .1);border-color:var(--color-primary);outline:none}.year-selector select option{background:var(--color-white);color:var(--color-text);padding:10px}.pie-chart-container{justify-content:center;max-width:400px;margin:0 auto;display:flex}.images-landscape{height:100%}.images-portrait{width:100%}