:root{--color-primary:#00519e;--color-primary-light:#2b7ec2;--color-primary-lightest:#e8f1fa;--color-primary-dark:#002b5c;--color-accent:#0070c0;--color-accent-light:#2e8fd6;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-150:#eee;--color-gray-200:#e0e0e0;--color-gray-300:#bdbdbd;--color-gray-400:#9e9e9e;--color-gray-500:#757575;--color-gray-600:#616161;--color-gray-700:#424242;--color-gray-800:#212121;--color-gray-900:#111;--gradient-primary:linear-gradient(135deg, #00519e 0%, #2b7ec2 100%);--gradient-hero:linear-gradient(160deg, #fafafa 0%, #f5f5f5 50%, #e8f1fa 100%);--gradient-accent:linear-gradient(135deg, #0070c0 0%, #2e8fd6 100%);--font-primary:"Archivo", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Archivo", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-logo:"Audiowide", "Arial", "Helvetica", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--max-width:1200px;--header-height:92px;--utility-height:40px;--border-radius-sm:.375rem;--border-radius:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--border-radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow:0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.05);--transition-fast:.15s ease;--transition:.2s ease;--transition-slow:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-gray-800);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:var(--spacing-xl);line-height:1.6;overflow-x:hidden}#app{overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.01em;font-weight:800;line-height:1.15}.container{width:100%;max-width:var(--max-width);padding:0 var(--spacing-xl);margin:0 auto}.flex-row{gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.flex-row-2{gap:var(--spacing-3xl);flex-wrap:wrap;display:flex}.flex-row-2>*{flex:300px;min-width:280px}.flex-row-3{gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.flex-row-3>*{flex:250px;min-width:240px}.flex-row-4{gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.flex-row-4>*{flex:200px;min-width:180px}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.flex-col{flex-direction:column;display:flex}.section{padding:var(--spacing-4xl) 0}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-kicker{font-family:var(--font-heading);font-size:var(--font-size-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--spacing-sm);align-items:center;gap:.5rem;font-weight:800;display:inline-flex}.section-kicker:before,.section-kicker:after{content:"";background:var(--color-accent);border-radius:1px;width:24px;height:2px}.section-title{font-family:var(--font-heading);font-size:clamp(1.75rem, 4vw, var(--font-size-4xl));color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:-.01em;margin-bottom:var(--spacing-sm);text-align:center;font-weight:900}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-gray-500);text-align:center;margin-bottom:var(--spacing-3xl);max-width:600px;margin-left:auto;margin-right:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{align-items:center;gap:var(--spacing-sm);font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--border-radius);transition:all var(--transition);padding:.75rem 1.75rem;display:inline-flex}.btn svg{transition:transform var(--transition)}.btn:hover svg{transform:translate(3px)}.btn-primary{background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-secondary{background:var(--color-white);color:var(--color-primary);border:2px solid var(--color-gray-200)}.btn-secondary:hover{border-color:var(--color-primary-light);color:var(--color-primary-light);transform:translateY(-1px)}.btn-accent{background:var(--color-accent);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-accent:hover{background:var(--color-accent-light);box-shadow:var(--shadow-lg);transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:.6s forwards fadeInUp}.animate-fade-in{animation:.5s forwards fadeIn}.grid-2,.grid-3,.grid-4{gap:var(--spacing-xl);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}.page-header{background:var(--color-primary-dark);padding:calc(var(--header-height) + var(--spacing-4xl)) 0 var(--spacing-3xl);text-align:center;position:relative;overflow:hidden}.page-header:before{content:"";pointer-events:none;background:radial-gradient(at 20% 0,rgba(43,108,176,.35) 0%,transparent 55%),radial-gradient(at 80% 100%,rgba(214,158,46,.18) 0%,transparent 50%);position:absolute;top:0;bottom:0;left:0;right:0}.page-header:after{content:"";background:var(--gradient-accent);height:3px;position:absolute;bottom:0;left:0;right:0}.page-header h1{font-family:var(--font-heading);font-size:clamp(2rem, 5vw, var(--font-size-5xl));color:var(--color-white);text-transform:uppercase;letter-spacing:-.01em;margin-bottom:var(--spacing-md);font-weight:900;position:relative}.page-header p{font-size:var(--font-size-lg);color:var(--color-gray-300);max-width:600px;margin:0 auto;position:relative}.card{background:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-100);transition:all var(--transition-slow);overflow:hidden}.card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-gray-200);transform:translateY(-4px)}.card-image{object-fit:cover;background:var(--color-gray-100);width:100%;height:200px}.card-body{padding:var(--spacing-lg)}.card-title{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-primary-dark);margin-bottom:var(--spacing-sm);font-weight:800}.card-text{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.6}.tag{font-family:var(--font-heading);font-size:var(--font-size-xs);border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:.12em;padding:.3rem .85rem;font-weight:800;display:inline-block}.tag-youth{background:var(--color-primary-lightest);color:var(--color-primary)}.tag-senior{background:var(--color-primary);color:var(--color-white)}.tag-event{color:#00519e;background:rgba(214,158,46,.15)}:root{--fluid-h1:clamp(1.75rem, 4vw, var(--font-size-4xl));--fluid-h2:clamp(1.375rem, 3vw, var(--font-size-3xl));--fluid-h3:clamp(1.125rem, 2.5vw, var(--font-size-2xl));--fluid-body:clamp(.875rem, 1.5vw, var(--font-size-base));--fluid-sm:clamp(.75rem, 1.2vw, var(--font-size-sm))}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (hover:none) and (pointer:coarse){.card:hover,.team-card:hover,.news-card:hover,.player-card:hover,.staff-card:hover{box-shadow:var(--shadow)!important;transform:none!important}.btn:hover,.btn-primary:hover,.btn-secondary:hover{transform:none!important}}@media (max-width:768px){:root{--header-height:76px;--utility-height:36px}.container{padding:0 var(--spacing-lg)}.section{padding:var(--spacing-3xl) 0}.section-title{font-size:var(--fluid-h2)}.section-subtitle{font-size:var(--fluid-sm);margin-bottom:var(--spacing-2xl)}.page-header h1{font-size:var(--fluid-h1)}.page-header p{font-size:var(--font-size-sm)}.page-header{padding:calc(var(--header-height) + var(--spacing-3xl)) 0 var(--spacing-2xl)}}@media (max-width:480px){.container{padding:0 var(--spacing-md)}.section{padding:var(--spacing-2xl) 0}.section-title{font-size:var(--font-size-xl)}.page-header h1{font-size:var(--font-size-2xl)}.page-header{padding:calc(var(--header-height) + var(--spacing-2xl)) 0 var(--spacing-xl)}.btn{font-size:var(--font-size-xs);padding:.625rem 1.25rem}}