*{margin:0;padding:0;box-sizing:border-box}header{background:linear-gradient(135deg,rgba(0,0,0,.95),rgba(20,20,20,.95));backdrop-filter:blur(15px);border-bottom:1px solid rgba(239,62,52,.2);position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;z-index:1000;width:100%;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.3)}header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ef3e34,#ff6b35,#ef3e34,transparent)}.logo-container{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:all .3s ease;padding:.5rem 1rem;border-radius:12px;position:relative}.logo-container:hover{background:rgba(239,62,52,.05);transform:translateY(-1px)}.logo-wrapper{position:relative;padding:.25rem;border-radius:50%;background:linear-gradient(135deg,rgba(239,62,52,.2),rgba(255,107,53,.1));transition:all .3s ease}.logo-container:hover .logo-wrapper{background:linear-gradient(135deg,rgba(239,62,52,.3),rgba(255,107,53,.2));transform:rotate(5deg) scale(1.1)}.logo-image{display:block;border-radius:50%;transition:all .3s ease}.brand-text{display:flex;flex-direction:column;gap:.05rem}.brand-text h1{color:#ef3e34;font-size:1.6rem;margin:0;font-weight:700;letter-spacing:.5px;text-shadow:0 0 10px rgba(239,62,52,.3)}.brand-text .tagline{color:#999!important;font-size:.8rem!important;font-weight:500!important;letter-spacing:2.5px!important;text-transform:uppercase!important;opacity:.9!important;transition:all .3s ease!important;margin:0!important;padding:0!important}nav{display:flex}.menu-toggle,nav{align-items:center}.menu-toggle{display:none;width:44px;height:44px;border:1px solid rgba(239,62,52,.4);background:rgba(0,0,0,.35);border-radius:10px;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;transition:all .3s ease;z-index:1202}.menu-back{display:none}.menu-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:#ef3e34;transition:transform .3s ease,opacity .3s ease}.menu-toggle:hover{background:rgba(239,62,52,.12);border-color:rgba(239,62,52,.8)}.menu-toggle.is-open{width:36px;height:36px;border-radius:999px;border-color:rgba(255,255,255,.4);background:rgba(0,0,0,.45);gap:0}.menu-toggle.is-open span{opacity:0;transform:none}.menu-toggle.is-open:before{content:"×";color:#ffffff;font-size:1.3rem;line-height:1}.menu-toggle.is-open:hover{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.08)}.menu-overlay{display:none;position:fixed;inset:0;border:none;background:rgba(0,0,0,.55);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1199}.menu-overlay.show{opacity:1;pointer-events:auto}nav a{color:#e0e0e0;margin-left:1.5rem;text-decoration:none;font-weight:600;position:relative;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;gap:.4rem;font-size:.95rem;letter-spacing:.3px}nav a:hover{color:#fff;background:rgba(239,62,52,.1);transform:translateY(-2px)}nav a .material-symbols-outlined{font-size:1.1rem;transition:transform .3s ease}nav a:hover .material-symbols-outlined{transform:scale(1.1)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.dropdown{position:relative;display:inline-block;margin-left:1.5rem}.dropdown-toggle{color:#e0e0e0;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:.4rem;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative}.dropdown-toggle:hover{color:#fff;background:rgba(239,62,52,.1);transform:translateY(-2px)}.dropdown-arrow{font-size:1.2rem;transition:transform .3s ease}.dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background:linear-gradient(135deg,rgba(0,0,0,.98),rgba(20,20,20,.98));backdrop-filter:blur(20px);border:1px solid rgba(239,62,52,.3);border-radius:12px;min-width:320px;max-height:450px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-15px) scale(.95);transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:1001;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 0 1px rgba(239,62,52,.1)}.dropdown-close{display:none}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.dropdown-header{padding:18px 24px;border-bottom:1px solid rgba(239,62,52,.3);background:linear-gradient(135deg,rgba(239,62,52,.15),rgba(255,107,53,.1));border-radius:12px 12px 0 0}.dropdown-header a{color:#ef3e34;font-weight:700;font-size:1.15rem;margin:0;text-shadow:0 0 10px rgba(239,62,52,.3)}.dropdown-header a:hover{color:#ff5a4a;text-shadow:0 0 15px rgba(255,90,74,.5)}.dropdown-content{padding:10px 0;display:flex;flex-direction:column;gap:0}.club-link{display:block;padding:12px 24px 12px 30px;color:#d0d0d0;text-decoration:none;font-weight:500;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.05);margin:0;position:relative;transition:all .3s ease}.club-link:before{content:"◦";position:absolute;left:18px;top:50%;transform:translateY(-50%);color:rgba(239,62,52,.6);transition:all .3s ease}.county-section{margin-bottom:5px}.county-header{padding:14px 24px 10px;color:#ff6b35;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid rgba(255,107,53,.3);background:linear-gradient(90deg,rgba(255,107,53,.1),rgba(239,62,52,.05));margin-bottom:8px;position:relative}.county-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ff6b35,#ef3e34);border-radius:0 2px 2px 0}.county-section .club-link{padding-left:35px;font-size:.9rem}.club-link:hover{background:linear-gradient(90deg,rgba(239,62,52,.15),rgba(255,107,53,.1));color:#fff;padding-left:40px;border-left:3px solid #ef3e34}.club-link:hover:before{color:#ef3e34;transform:translateY(-50%) scale(1.2)}.about-section{padding:8px 0}.about-link{display:flex;align-items:center;gap:12px;padding:14px 24px;color:#d0d0d0;text-decoration:none;font-weight:500;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.05);margin:0;transition:all .3s ease}.about-link:last-child{border-bottom:none}.about-link .material-symbols-outlined{font-size:1.2rem;color:rgba(239,62,52,.7);transition:all .3s ease}.about-link:hover{background:linear-gradient(90deg,rgba(239,62,52,.15),rgba(255,107,53,.1));color:#fff;border-left:3px solid #ef3e34}.about-link:hover .material-symbols-outlined{color:#ef3e34;transform:scale(1.1)}header.scrolled{background:linear-gradient(135deg,rgba(0,0,0,.98),rgba(15,15,15,.98));padding:.75rem 2rem;box-shadow:0 8px 32px rgba(0,0,0,.6)}header.scrolled .logo-container{transform:scale(.9)}header.scrolled .brand-text h1{font-size:1.4rem}header.scrolled .tagline{font-size:.7rem}@media (max-width:1024px){:root{--menu-action-size:36px;--menu-action-right:0.85rem;--menu-action-gap:0.65rem}header{padding:1rem 1.5rem;position:sticky}.menu-toggle{display:inline-flex;position:fixed;top:.9rem;right:var(--menu-action-right)}.menu-back,.menu-toggle.is-open{width:var(--menu-action-size);height:var(--menu-action-size)}.menu-back{display:inline-flex;align-items:center;justify-content:center;position:fixed;top:.9rem;right:calc(var(--menu-action-right) + var(--menu-action-size) + var(--menu-action-gap));border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(0,0,0,.45);color:#ffffff;cursor:pointer;z-index:1202}.menu-back .material-symbols-outlined{font-size:1.15rem}.menu-back:hover{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.08)}.menu-overlay{display:block}nav{position:fixed;top:0;right:0;height:100vh;width:min(86vw,360px);flex-direction:column;align-items:stretch;gap:0;padding:6rem 1rem 1.5rem;overflow-y:auto;background:linear-gradient(180deg,rgba(8,8,8,.98),rgba(18,18,18,.98));border-left:1px solid rgba(239,62,52,.35);transform:translateX(105%);transition:transform .35s ease;z-index:1201;box-shadow:-20px 0 50px rgba(0,0,0,.55)}nav.open{transform:translateX(0)}nav a{margin:0;padding:.85rem .9rem;font-size:.95rem;border-radius:10px}.dropdown{display:block;width:100%;margin:0;position:static}.dropdown-toggle{justify-content:space-between}.dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:fixed;top:5.25rem;right:min(86vw,360px);width:min(70vw,430px);min-width:280px;max-height:calc(100vh - 6.25rem);margin-top:0;border-radius:12px;opacity:0;visibility:hidden;transform:translateX(14px);overflow-y:auto;overflow-x:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:1203}.dropdown-close{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:10px;right:10px;width:32px;height:32px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(0,0,0,.35);color:#ffffff;font-size:1.2rem;line-height:1;cursor:pointer;z-index:1}.dropdown-close:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.55)}.dropdown:not(.open):hover .dropdown-menu{opacity:0;visibility:hidden;transform:translateX(14px);pointer-events:none}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto}.dropdown:hover .dropdown-arrow{transform:none}.dropdown-header{padding:14px 18px}.about-link,.club-link{padding-left:20px;padding-right:18px}.county-section .club-link{padding-left:28px;font-size:.88rem}.club-link:hover{padding-left:32px}}@media (max-width:768px){:root{--menu-action-size:34px;--menu-action-right:0.65rem;--menu-action-gap:0.55rem}header{padding:.75rem 1rem}.brand-text h1{font-size:1.4rem}.tagline{display:none}nav{width:min(92vw,360px);padding-top:5.5rem}.dropdown-menu{right:min(92vw,360px);width:min(76vw,390px);top:5rem;max-height:calc(100vh - 5.8rem)}.menu-toggle{top:.65rem}.menu-toggle.is-open{width:var(--menu-action-size);height:var(--menu-action-size)}.menu-back{top:.7rem}.county-header{font-size:.88rem;padding:12px 18px 9px}}body.menu-open{overflow:hidden}@media (max-width:560px){.dropdown-menu{right:.75rem;left:.75rem;width:auto;min-width:0;top:auto;bottom:.75rem;max-height:min(58vh,460px)}}