:root{--dark-slate:#202226;--deep-blue:#26589D;--darker-teal:rgb(49,129,117);--teal:#61C4B4;--lighter-teal:#d1eee9;--lightest-teal:#E4FAF6;--fresh-green:#D0F010;--sky-blue:#D0F0F0;--sky-blue-darker:rgb(147,181,229);--lighter-gray:#EEEEEE;--white:#FFFFFF}
*{margin:0;padding:0;box-sizing:border-box;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
body{font-family:'Blinker',Arial,sans-serif;color:var(--dark-slate);line-height:1.6;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-family:'Black Han Sans',Arial Black,sans-serif;font-weight:400;text-transform:uppercase;color:var(--dark-slate)}
a{color:var(--deep-blue);font-weight:700}
a:hover,a:focus{color:var(--darker-teal)}
.hero-section{height:100vh;background-image:linear-gradient(131deg,rgba(97,196,180,1)25%,rgba(38,88,157,1)25%),url(ice-arena-3d-bg.png);background-position:0 0,right center;background-size:contain;background-repeat:no-repeat;background-blend-mode:color;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden;background-position-y:40px}
.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,0.1)0%,transparent 50%);pointer-events:none}
.hero-content{text-align:center;max-width:800px;padding:2rem;position:relative;z-index:2}
.logo{max-width:320px;margin-bottom:2rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.2));animation:fadeInScale 1.2s ease-out}
.logo-footer{width:96%;margin:4px;margin-top:-70px;z-index:200;position:relative}
.hero-subtitle{font-size:1.5rem;margin-bottom:3rem;opacity:.95;text-shadow:0 2px 0 rgba(0,0,0,0.5);animation:fadeInUp 1s ease-out .3s both}
.btn-hero{background:none;color:#fff;border:2px solid var(--fresh-green);padding:18px 40px;border-radius:50px;font-weight:600;font-size:1.2rem;text-decoration:none;display:inline-block;box-shadow:0 4px 15px rgba(0,0,0,0.2);animation:fadeInUp 1s ease-out .6s both;position:relative;overflow:hidden;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.btn-hero:hover{background:#D0F010;transform:translateY(0);box-shadow:0 8px 25px rgba(0,0,0,0.3);border:2px solid var(--fresh-green);color:var(--dark-slate);transition:.2s ease}
.navbar{background:rgba(255,255,255,0.95)!important;backdrop-filter:blur(15px);box-shadow:rgb(38 106 161 / 10%)0 2px 20px;transition:all .3s ease}
.navbar-brand{font-family:'Black Han Sans',sans-serif;color:var(--deep-blue)!important;font-size:1.8rem;text-transform:uppercase;letter-spacing:-.5px;padding:0 1rem}
.navbar-brand:hover{background:var(--sky-blue)}
.navbar-toggler{border:none}
.nav-link{color:var(--deep-blue);font-weight:600;margin:0 .25rem;padding:.5rem 1rem!important;border-radius:0;position:relative;overflow:hidden;transition:.2s ease;font-size:1.2rem}
.nav-link::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(131deg,var(--lightest-teal)25%,rgba(255,255,255,0)25%);transition:width .3s ease;z-index:-1}
.nav-link:hover::before{width:100%}
.nav-link:hover{color:var(--teal);transition:.2s ease}
section{padding:5rem 0;position:relative}
.section-title{font-size:3rem;color:var(--dark-slate);margin-bottom:6rem;text-align:center;text-transform:uppercase;letter-spacing:2px;position:relative;font-family:'Blinker',sans-serif}
.section-title::after{content:'';position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--teal);border-radius:2px}
.facilities-section{background:#fff url(bg-ice-45-left.svg) top left no-repeat;background-size:cover}
.facility-category{margin-bottom:4rem}
.category-header{padding:1.5rem 2rem;border-radius:0 16px 0 0;margin-bottom:0;font-size:2rem;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 2px 0 rgba(0,0,0,.2)}
.facility-card{background:linear-gradient(131deg,rgba(255,255,255,.25)10%,rgba(255,255,255,.75)90%);border-radius:0;padding:2.5rem;box-shadow:0 8px 25px rgba(4,138,213,0.15);transition:all .4s cubic-bezier(0.4,0,0.2,1);border:2px solid #fff;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.facility-item{padding:1.75rem 1.5rem .125rem;border-radius:0;margin-bottom:.2rem;transition:all .3s ease}
.facility-icon{width:60px;height:60px;background:var(--deep-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;float:left;margin:-18px 12px 0 0;transition:all .3s ease}
.facility-item:hover .facility-icon{background:var(--deep-blue)}
.facility-title{font-size:1.5rem;color:var(--dark-slate);margin-bottom:1.75rem}
.highlight-stat{background:#eafdf988;color:var(--darker-teal);padding:.1rem .3rem;border-radius:0;font-weight:600;display:inline-block;margin:.2rem;opacity:.9}
.about-section{background-image:linear-gradient(131deg,rgba(255,255,255,1)25%,rgba(209,238,233,.3)25%),url('athletes-bg-lax2.png');background-position:0 0,right center;background-size:contain,contain;background-repeat:no-repeat,no-repeat;background-blend-mode:color;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.about-card{background:rgba(255,255,255,.8);border-radius:0;padding:2rem 2.5rem;transition:all .4s ease;border-bottom:4px solid var(--lighter-teal);box-shadow:4px 4px 16px rgba(49,129,117,0.1)}
.aysa-goal{text-align:center!important;text-shadow:1px 1px 2px rgba(255,255,255,.52);margin:48px 160px 12px 170px;font-weight:600;color:var(--dark-slate);background:rgba(255,255,255,.5)}
.dot-contact{margin:16px auto -108px;width:64px;height:auto;z-index:222;position:relative;display:block;text-align:center}
.highlight-text{background:radial-gradient(circle,rgb(30 76 139)12%,rgb(33 149 131)99%);color:var(--dark-slate);padding:.2rem;border-radius:0;font-weight:600;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.mission-section{background:var(--deep-blue);color:#fff;position:relative}
.mission-content{position:relative;z-index:2}
.club-link{background:rgba(255,255,255,0.1);color:#fff;padding:1rem 2rem;border-radius:50px;text-decoration:none;display:inline-block;margin:.5rem;border:2px solid transparent;transition:all .3s ease;font-weight:700;font-size:1.2rem}
.club-link:hover{background:var(--teal);color:var(--dark-slate);border-color:#fff;transform:translateY(-2px)}
.stats-section{background-image:url(grass-painted.jpg);padding:4rem 0;background-size:cover;background-position:bottom center;background-repeat:no-repeat}
.stat-card{background:rgba(255,255,255,0.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:0;padding:2.5rem 1.5rem;text-align:center;transition:all .3s ease;height:100%;border-bottom:4px solid var(--fresh-green);opacity:.92!important}
.stat-number{font-size:3rem;font-weight:700;color:var(--deep-blue);display:block;font-family:'Black Han Sans',sans-serif}
.stat-label{color:var(--dark-slate);font-size:1.1rem;margin-top:.5rem}
.contact-section{background:var(--teal);color:var(--dark-slate)}
.contact-card{background:rgba(255,255,255,0.1);border-radius:2px;padding:3rem;backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,0.2)}
.btn-contact{background:#D0F010;color:var(--dark-slate);border:2px solid var(--fresh-green);padding:18px 40px;border-radius:50px;font-weight:700;font-size:1.2rem;text-decoration:none;display:inline-block;transition:all .3s ease;position:relative;overflow:hidden}
.btn-contact:hover{background:linear-gradient(131deg,var(--sky-blue)25%,var(--sky-blue)25%);transform:translateY(-1px);box-shadow:0 8px 25px rgba(0,0,0,0.3);border:2px solid var(--teal);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:.2s ease}
.footer{background:var(--dark-slate);color:#fff;padding:3rem 0 2rem}
.footer h5{color:var(--lighter-teal);margin-bottom:1.5rem}
.footer-link{color:rgba(255,255,255,0.8);text-decoration:none;display:block;padding:.3rem 0;transition:all .3s ease}
.footer-link:hover{color:var(--fresh-green);transform:translateX(5px)}
.social-icons a{color:var(--teal);font-size:1.8rem;margin:0 1rem 0 0;transition:all .3s ease;display:inline-block}
.social-icons a:hover{color:var(--fresh-green);transform:translateY(-3px)scale(1.1)}
@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}
.fade-in-up{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(0.4,0,0.2,1)}
.fade-in-up.visible{opacity:1;transform:translateY(0)}
@media(max-width:768px){.navbar-brand{font-size:1.5rem;letter-spacing:-1px;padding:0 .5rem}.hero-section{height:auto;padding:3rem 1rem 1rem;background-position-y:64px}.section-title{font-size:2.2rem}.logo{max-width:250px}.hero-subtitle{font-size:1.3rem}section{padding:3rem 0}.facility-card,.about-card,.contact-card{padding:2rem}.aysa-goal{text-align:left!important;text-shadow:1px 1px 2px rgba(255,255,255,.52);margin:64px 24px 12px;font-weight:600;color:var(--dark-slate);background:rgba(255,255,255,.3)}.dot-contact{margin:16px auto -72px;width:48px;height:auto}.logo-footer{width:33%;margin:0 4px 24px 0;margin-top:-80px;z-index:200;position:relative}.passcode-modal{padding:2rem 1.5rem}}
@media(prefers-reduced-motion:reduce){.hero-section{will-change:auto}}
.loading-bar{position:fixed;top:0;left:0;width:0;height:3px;background:var(--fresh-green);z-index:9999;transition:width .3s ease}
html{scroll-behavior:smooth}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--lighter-gray)}
::-webkit-scrollbar-thumb{background:var(--teal);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--deep-blue)}