:root{--flame-red: #E52D27;--flame-red-dark: #C41E1E;--flame-red-light: #FF4040;--flame-orange: #F7941D;--flame-yellow: #FFDD00;--black: #000000;--charcoal: #0D0D0D;--dark-gray: #1A1A1A;--medium-gray: #2D2D2D;--light-gray: #4A4A4A;--silver: #8B8B8B;--off-white: #F5F5F5;--white: #FFFFFF;--font-heading: "Oswald", sans-serif;--font-body: "Inter", sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(229, 45, 39, .3)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--off-white);background-color:var(--black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--charcoal)}::-webkit-scrollbar-thumb{background:var(--flame-red);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--flame-red-light)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}h1{font-size:clamp(2.5rem,6vw,5rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2vw,1.5rem)}p{font-size:clamp(.95rem,1.5vw,1.1rem);color:var(--silver)}a{color:var(--flame-red);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--flame-red-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-family:var(--font-heading);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal)}.btn-primary{background:linear-gradient(135deg,var(--flame-red),var(--flame-red-dark));color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover{background:linear-gradient(135deg,var(--flame-red-light),var(--flame-red));transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-outline{background:transparent;color:var(--off-white);border:2px solid var(--flame-red)}.btn-outline:hover{background:var(--flame-red);color:var(--white)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-md)}.section{padding:var(--space-2xl) 0}.section-header{text-align:center;margin-bottom:var(--space-2xl)}.section-title{color:var(--white);margin-bottom:var(--space-sm);position:relative;display:inline-block}.section-title:after{display:none}.section-subtitle{color:var(--silver);font-size:1.1rem;max-width:600px;margin:var(--space-xs) auto 0}.card{background:var(--dark-gray);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeInUp{animation:fadeInUp .6s ease forwards}.animate-fadeIn{animation:fadeIn .5s ease forwards}.text-center{text-align:center}.text-flame{color:var(--flame-red)}.text-white{color:var(--white)}.text-silver{color:var(--silver)}.bg-dark{background-color:var(--dark-gray)}.bg-charcoal{background-color:var(--charcoal)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}@media(max-width:768px){.section{padding:var(--space-2xl) 0}.container{padding:0 var(--space-sm)}}::selection{background:var(--flame-red);color:var(--white)}:focus-visible{outline:2px solid var(--flame-red);outline-offset:2px}img{max-width:100%;height:auto;display:block}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-sm) 0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(229,45,39,.2);transition:all var(--transition-normal)}.navbar.scrolled{padding:var(--space-xs) 0;background:#000000f2}.navbar-inner{display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:var(--space-sm)}.navbar-logo img{height:40px;width:auto}.navbar-logo span{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--white);text-transform:uppercase}.navbar-links{display:flex;gap:var(--space-md);list-style:none}.navbar-links a{font-family:var(--font-heading);font-size:.9rem;font-weight:500;color:var(--silver);text-transform:uppercase;letter-spacing:.05em;transition:color var(--transition-fast);position:relative}.navbar-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--flame-red);transition:width var(--transition-normal)}.navbar-links a:hover{color:var(--white)}.navbar-links a:hover:after{width:100%}.navbar-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px}.navbar-toggle span{width:20px;height:1.8px;background:var(--white);transition:all var(--transition-fast)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-carousel{position:absolute;inset:0;z-index:0}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.5s ease-in-out;background-size:cover;background-position:bottom}.hero-slide.active{opacity:1}.slide-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#00000080,#000000b3),radial-gradient(circle at 20% 80%,rgba(229,45,39,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(247,148,29,.1) 0%,transparent 50%)}.slide-caption{position:absolute;bottom:120px;left:50%;transform:translate(-50%);font-family:var(--font-heading);font-size:.85rem;color:var(--silver);letter-spacing:.15em;text-transform:uppercase;opacity:.8;white-space:nowrap}.hero-indicators{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;gap:var(--space-sm);z-index:10}.indicator{width:12px;height:12px;border-radius:50%;background:#ffffff4d;border:2px solid transparent;cursor:pointer;transition:all var(--transition-normal);padding:0}.indicator:hover{background:#ffffff80}.indicator.active{background:var(--flame-red);border-color:var(--flame-red);transform:scale(1.2);box-shadow:0 0 15px #e52d2780}.hero-content{text-align:center;z-index:5;padding:var(--space-lg);position:relative}.hero-logo{width:min(280px,65vw);height:auto;margin:0 auto var(--space-md);animation:fadeIn 1s ease;filter:drop-shadow(0 0 50px rgba(229,45,39,.4))}.hero-title{font-size:clamp(2rem,5vw,4rem);color:var(--white);margin-bottom:var(--space-xs);animation:fadeInUp .8s ease .2s both;text-shadow:0 4px 20px rgba(0,0,0,.5)}.hero-tagline{font-family:var(--font-body);font-size:clamp(.85rem,1.5vw,1.1rem);font-weight:300;color:var(--off-white);letter-spacing:.2em;text-transform:uppercase;margin-bottom:var(--space-xs);animation:fadeInUp .8s ease .4s both}.hero-established{font-family:var(--font-heading);font-size:.9rem;color:var(--flame-red);letter-spacing:.3em;margin-bottom:var(--space-xl);animation:fadeInUp .8s ease .5s both}.hero-cta{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease .6s both}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);animation:pulse 2s infinite;z-index:10}.scroll-indicator svg{width:30px;height:30px;stroke:var(--flame-red)}.stats{background:var(--dark-gray);border-top:1px solid rgba(229,45,39,.2);border-bottom:1px solid rgba(229,45,39,.2);padding:var(--space-sm) 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.stat-item{text-align:center;padding:var(--space-lg)}.stat-number{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;color:var(--flame-red);line-height:1}.stat-label{font-size:.9rem;color:var(--silver);margin-top:var(--space-xs);text-transform:uppercase;letter-spacing:.1em}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center}.about-text h3{color:var(--white);margin-bottom:var(--space-md)}.about-text p{margin-bottom:var(--space-md);line-height:1.8}.about-values{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-top:var(--space-lg)}.value-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.95rem;color:var(--off-white)}.value-item:before{content:"";width:8px;height:8px;background:var(--flame-red);border-radius:50%}.about-image{position:relative;display:flex;align-items:center;justify-content:center}.about-image img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.about-logo-img{max-width:100%;height:auto;max-height:400px}.about-image:before{display:none}.gallery{background:var(--charcoal)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs)}.gallery-item{position:relative;overflow:hidden;border-radius:var(--radius-sm);cursor:pointer;aspect-ratio:16 / 9}.gallery-item img{width:100%;height:100%;object-fit:cover;object-position:bottom;transition:transform var(--transition-slow)}.gallery-item:hover img{transform:scale(1.05)}.gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 60%);display:flex;align-items:flex-end;padding:var(--space-md);opacity:0;transition:opacity var(--transition-normal)}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay span{font-family:var(--font-heading);color:var(--white);font-size:1rem;text-transform:uppercase}.gallery-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--dark-gray) 0%,var(--medium-gray) 100%);display:flex;align-items:center;justify-content:center;color:var(--light-gray);font-size:2rem}.rides-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.ride-card{background:var(--dark-gray);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.ride-card.featured{border:1px solid rgba(229,45,39,.3)}.ride-image{height:200px;background:linear-gradient(135deg,var(--medium-gray) 0%,var(--dark-gray) 100%);display:flex;align-items:center;justify-content:center;position:relative}.ride-image-placeholder{font-size:3rem;opacity:.5}.ride-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);background:var(--flame-red);color:var(--white);font-family:var(--font-heading);font-size:.7rem;font-weight:600;padding:4px 12px;border-radius:var(--radius-sm);text-transform:uppercase}.ride-content{padding:var(--space-md);flex:1;display:flex;flex-direction:column}.ride-meta{display:flex;gap:var(--space-md);margin-bottom:var(--space-sm);font-size:.85rem;color:var(--flame-red)}.ride-title{font-family:var(--font-heading);font-size:1.4rem;color:var(--white);margin-bottom:var(--space-xs)}.ride-location{color:var(--silver);font-size:.9rem;margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs)}.ride-description{color:var(--silver);font-size:.9rem;line-height:1.6;flex:1}.ride-stats{display:flex;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--medium-gray)}.ride-stat{font-size:.85rem;color:var(--silver)}.ride-stat strong{color:var(--off-white)}.members{background:var(--charcoal)}.members-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.member-card{background:var(--dark-gray);border-radius:var(--radius-lg);overflow:hidden;text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.member-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006}.member-photo{width:100%;height:200px;background:linear-gradient(135deg,var(--medium-gray) 0%,var(--dark-gray) 100%);display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative}.member-designation-badge{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--flame-red),transparent);padding:var(--space-lg) var(--space-sm) var(--space-sm);font-family:var(--font-heading);font-size:.75rem;font-weight:600;color:var(--white);text-transform:uppercase;letter-spacing:.1em}.member-info{padding:var(--space-md)}.member-name{font-family:var(--font-heading);font-size:1.3rem;color:var(--white);margin-bottom:var(--space-xs)}.member-role{font-size:.85rem;color:var(--flame-red);margin-bottom:var(--space-sm)}.member-bike{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);font-size:.9rem;color:var(--silver);padding:var(--space-sm);background:#0000004d;border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.member-experience{font-size:.8rem;color:var(--light-gray)}.member-quote{font-size:.85rem;font-style:italic;color:var(--silver);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--medium-gray)}.rules-list{max-width:800px;margin:0 auto}.rule-item{background:var(--dark-gray);border-radius:var(--radius-md);margin-bottom:var(--space-sm);overflow:hidden;border:1px solid transparent;transition:border-color var(--transition-normal)}.rule-item:hover{border-color:#e52d274d}.rule-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);cursor:pointer;transition:background var(--transition-fast)}.rule-header:hover{background:#ffffff05}.rule-icon{font-size:1.5rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--medium-gray);border-radius:var(--radius-md)}.rule-title{flex:1;font-family:var(--font-heading);font-size:1.1rem;color:var(--white)}.rule-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--flame-red);transition:transform var(--transition-normal)}.rule-item.open .rule-toggle{transform:rotate(180deg)}.rule-content{max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.rule-item.open .rule-content{max-height:200px}.rule-description{padding:0 var(--space-md) var(--space-md);padding-left:calc(50px + var(--space-md) * 2);color:var(--silver);line-height:1.7}.contact{background:var(--charcoal);position:relative}.contact:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--flame-red),transparent)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl)}.contact-info h3{color:var(--white);margin-bottom:var(--space-md)}.contact-info p{margin-bottom:var(--space-lg);line-height:1.8}.contact-details{display:flex;flex-direction:column;gap:var(--space-sm)}.contact-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:#ffffff08;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05);transition:all var(--transition-normal)}.contact-item:hover{background:#e52d271a;border-color:#e52d2733}.contact-item svg{width:20px;height:20px;stroke:var(--flame-red);flex-shrink:0}.contact-social h4{color:var(--white);font-family:var(--font-heading);margin-bottom:var(--space-md)}.social-links{display:flex;gap:var(--space-sm)}.social-link{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--dark-gray);border-radius:var(--radius-md);color:var(--silver);transition:all var(--transition-normal)}.social-link:hover{background:var(--flame-red);color:var(--white);transform:translateY(-3px)}.social-link svg{width:24px;height:24px}.footer{background:var(--black);padding:var(--space-sm) 0;text-align:center;border-top:1px solid var(--dark-gray)}.footer-content{display:flex;align-items:center;justify-content:space-between}.footer-logo{display:flex;align-items:center;gap:var(--space-sm)}.footer-logo img{height:35px}.footer-logo span{font-family:var(--font-heading);font-size:1rem;color:var(--silver)}.footer-copy{font-size:.8rem;color:var(--light-gray)}.footer-copy span{color:var(--flame-red)}@media(max-width:1024px){.stats-grid,.members-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.navbar-links{display:flex;overflow:hidden;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:0;opacity:0;padding:0 var(--space-md);gap:var(--space-sm);border-bottom:1px solid var(--dark-gray);transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.navbar-links.open{max-height:400px;opacity:1;padding:var(--space-md);pointer-events:auto}.navbar-toggle{display:flex;z-index:1001}.navbar-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-toggle.open span:nth-child(2){opacity:0}.navbar-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.stat-item{padding:var(--space-md)}.about-content{grid-template-columns:1fr}.about-image{order:-1}.about-image:before{display:none}.rides-grid,.members-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.contact-content{grid-template-columns:1fr}.contact-info,.contact-social{text-align:center}.contact-details{align-items:center}.contact-item{justify-content:flex-start;width:100%;max-width:320px}.social-links{justify-content:center}.footer-content{flex-direction:column;gap:var(--space-md)}.hero-cta{flex-direction:column;align-items:center}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr;gap:var(--space-xs)}.about-values{grid-template-columns:1fr}}.page{padding-top:80px}.page-hero{background:linear-gradient(135deg,var(--dark-gray) 0%,var(--black) 100%);padding:var(--space-3xl) 0 var(--space-2xl);text-align:center;position:relative}.page-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--flame-red),transparent)}.back-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--silver);font-size:.9rem;margin-bottom:var(--space-lg);transition:color var(--transition-fast)}.back-link:hover{color:var(--flame-red)}.page-title{font-size:clamp(2.5rem,6vw,4rem);color:var(--white);margin-bottom:var(--space-sm)}.page-subtitle{color:var(--silver);font-size:1.1rem}.filter-section{background:var(--charcoal);padding:10px 0;position:sticky;top:56px;z-index:100;border-bottom:1px solid var(--dark-gray);box-shadow:0 4px 20px #0003}.filter-tabs{display:flex;gap:var(--space-xs);overflow-x:auto;padding-bottom:5px;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;max-width:100%}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{padding:8px 16px;font-family:var(--font-heading);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;background:transparent;border:1px solid var(--medium-gray);color:var(--silver);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.filter-tab:hover{border-color:var(--flame-red);color:var(--white)}.filter-tab.active{background:var(--flame-red);border-color:var(--flame-red);color:var(--white)}.rulebook-tabs{margin-bottom:0}.rulebook-actions{display:none}.action-btn{padding:var(--space-xs) var(--space-sm);font-size:.8rem;background:transparent;border:none;color:var(--silver);cursor:pointer;transition:color var(--transition-fast)}.action-btn:hover{color:var(--flame-red)}.members-section{margin-bottom:var(--space-xl)}.members-section-title{font-size:1.5rem;color:var(--off-white);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.members-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.member-card-full{background:var(--dark-gray);border-radius:var(--radius-lg);overflow:hidden;animation:fadeInUp .5s ease both;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.member-card-full:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.member-card-full.leadership{border:1px solid rgba(229,45,39,.3)}.member-photo-large{height:180px;background:linear-gradient(135deg,var(--medium-gray) 0%,var(--dark-gray) 100%);display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative}.member-info-full{padding:var(--space-md)}.member-details{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-sm) 0}.member-detail{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;padding:var(--space-xs);background:#0003;border-radius:var(--radius-sm)}.detail-label{color:var(--light-gray);text-transform:uppercase;font-size:.7rem;letter-spacing:.1em}.detail-value{color:var(--off-white)}.member-quote-full{font-style:italic;font-size:.85rem;color:var(--silver);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--medium-gray)}.join-cta{background:linear-gradient(135deg,var(--dark-gray) 0%,var(--charcoal) 100%);padding:var(--space-2xl) 0}.cta-content{text-align:center}.cta-content h2{color:var(--white);margin-bottom:var(--space-sm)}.cta-content p{margin-bottom:var(--space-lg)}.rules-container{display:grid;grid-template-columns:1fr 300px;gap:var(--space-2xl);align-items:start}.rule-item-full{background:var(--dark-gray);border-radius:var(--radius-md);margin-bottom:var(--space-sm);overflow:hidden;animation:fadeInUp .5s ease both;border:1px solid transparent;transition:border-color var(--transition-normal)}.rule-item-full:hover{border-color:#e52d274d}.rule-item-full .rule-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);cursor:pointer}.rule-number{font-family:var(--font-heading);font-size:.8rem;color:var(--flame-red);width:30px}.rule-icon-large{font-size:1.5rem;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:var(--medium-gray);border-radius:var(--radius-md)}.rule-header-content{flex:1;display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.rule-category-tag{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;padding:2px 8px;background:#e52d2733;color:var(--flame-red);border-radius:var(--radius-sm)}.rule-content-full{max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.rule-item-full.open .rule-content-full{max-height:200px}.rule-item-full .rule-description{padding:0 var(--space-md) var(--space-md);padding-left:calc(30px + 45px + var(--space-md) * 3)}.rulebook-sidebar{position:sticky;top:150px;display:flex;flex-direction:column;gap:var(--space-md)}.sidebar-card{background:var(--dark-gray);border-radius:var(--radius-md);padding:var(--space-md)}.sidebar-card h4{color:var(--white);font-family:var(--font-heading);font-size:1rem;margin-bottom:var(--space-sm)}.sidebar-card p{font-size:.85rem;line-height:1.6}.sidebar-card.highlight{border:1px solid rgba(229,45,39,.3);background:linear-gradient(135deg,var(--dark-gray) 0%,rgba(229,45,39,.05) 100%)}.sidebar-stat{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0}.sidebar-stat .stat-value{font-family:var(--font-heading);font-size:1.5rem;color:var(--flame-red)}.sidebar-stat .stat-label{color:var(--silver);font-size:.85rem}.agreement-section{padding:var(--space-2xl) 0;background:var(--charcoal)}.agreement-box{display:flex;align-items:center;gap:var(--space-lg);background:var(--dark-gray);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid rgba(229,45,39,.2)}.agreement-icon{font-size:2.5rem}.agreement-content h3{color:var(--white);margin-bottom:var(--space-xs)}.agreement-content p{margin:0}.section-cta{text-align:center;margin-top:var(--space-xl)}.section-cta .btn{gap:var(--space-sm)}.section-cta .btn svg{transition:transform var(--transition-fast)}.section-cta .btn:hover svg{transform:translate(5px)}.rules-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.rule-preview-card{background:var(--dark-gray);padding:var(--space-lg);border-radius:var(--radius-md);text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.rule-preview-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.rule-preview-card .rule-icon{font-size:2rem;margin-bottom:var(--space-sm);width:auto;height:auto;background:none}.rule-preview-title{font-family:var(--font-heading);color:var(--white);font-size:1rem;margin-bottom:var(--space-xs)}.rule-preview-desc{font-size:.85rem;color:var(--silver);line-height:1.5}@media(max-width:1024px){.members-page-grid{grid-template-columns:repeat(2,1fr)}.rules-container{grid-template-columns:1fr}.rulebook-sidebar{position:static;flex-direction:row;flex-wrap:wrap}.sidebar-card{flex:1;min-width:200px}.rules-preview-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){body{font-size:14px}.members-page-grid{grid-template-columns:1fr}.filter-tabs{gap:var(--space-xs)}.filter-tab{padding:var(--space-xs) var(--space-sm);font-size:.7rem}.page-hero{padding:var(--space-2xl) 0 var(--space-xl)}.page-title{font-size:clamp(1.8rem,5vw,2.5rem)}.page-subtitle{font-size:.9rem}.member-name{font-size:1rem}.member-quote-full{font-size:.8rem}.members-section-title{font-size:1.2rem}.agreement-box{flex-direction:column;text-align:center}.filter-section{top:56px}.rules-preview-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.rules-preview-grid{grid-template-columns:1fr}.rulebook-sidebar{flex-direction:column}.sidebar-card{min-width:100%}}