.category-hero{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#101020;background-size:cover;background-position:50%;overflow:hidden;padding:6rem 2rem 4rem}.category-hero-content{position:relative;z-index:10;text-align:center;max-width:900px}.category-hero-logo{max-width:95%;width:auto;height:auto;max-height:70vh;margin:0 auto 1rem;display:block;filter:drop-shadow(4px 4px 0 #000)}.category-hero-title{font-size:clamp(3rem,10vw,6rem);color:#fff;letter-spacing:.05em;margin:0;text-shadow:4px 4px 0 #000,8px 8px 0 rgba(0,0,0,.2);-webkit-text-stroke:2px black;line-height:1.1;paint-order:stroke fill}.category-hero-subtitle,.category-hero-title{font-family:Outfit,sans-serif;text-transform:uppercase}.category-hero-subtitle{font-size:clamp(1rem,2.5vw,1.4rem);font-weight:600;color:var(--accent-color,#E32636);margin:1rem 0 0;letter-spacing:.1em}.category-hero-description{font-family:Outfit,sans-serif;font-size:clamp(.875rem,1.5vw,1.1rem);color:rgba(255,255,255,.8);margin:1.5rem auto 0;max-width:600px;line-height:1.6}.category-hero-line{width:120px;height:4px;background:var(--accent-color,#E32636);margin:0 auto;border-radius:2px;border:2px solid #000;box-shadow:4px 4px 0 #000}.top-line{margin-bottom:2rem}.bottom-line{margin-top:2rem}.category-hero-hand{position:absolute;bottom:3.5rem;right:3.5rem;z-index:20;animation:bounce 1.5s ease-in-out infinite}.hand-icon-img{width:54px;height:auto;filter:drop-shadow(2px 2px 0 #000)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (max-width:768px){.category-hero{min-height:100vh;padding:5rem 1.5rem 3rem}.category-hero-hand{bottom:1.5rem;right:1.5rem}.hand-icon-img{width:40px}.top-line{margin-bottom:1.5rem}.bottom-line{margin-top:1.5rem}}.content-section{padding:5rem 2rem;position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.content-section-container{max-width:1100px;margin:0 auto}.content-section--dark{background-color:#101020;color:#fff}.content-section--light{background-color:#F5F5DC;color:#1B1B3A}.content-section--primary{background-color:#E32636;color:#fff}.content-section--accent{background-color:#FFD700;color:#1B1B3A}.content-section-title{font-family:Outfit,sans-serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin:0 0 2rem;position:relative;display:inline-block}.content-section-title:after{content:"";position:absolute;bottom:-.5rem;left:0;width:60px;height:4px;background:var(--color-primary,#E32636);border-radius:2px}.content-section--accent .content-section-title:after,.content-section--primary .content-section-title:after{background:#000}.content-section-body{font-family:Outfit,sans-serif;font-size:1.1rem;line-height:1.8}.content-section-body p{margin:0 0 1.5rem}.content-section-body p:last-child{margin-bottom:0}.content-section-body strong{color:var(--color-primary,#E32636)}.content-section--accent .content-section-body strong,.content-section--primary .content-section-body strong{color:#000}.content-section-body ol,.content-section-body ul{margin:1.5rem 0;padding-left:1.5rem}.content-section-body li{margin-bottom:.75rem;position:relative}.content-section-body ul li:before{content:"▸";position:absolute;left:-1.25rem;color:var(--color-primary,#E32636)}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.rule-card{background:rgba(27,27,58,.6);border:3px solid #000;border-radius:1rem;padding:1.5rem;box-shadow:6px 6px 0 rgba(0,0,0,.4);transition:transform .2s ease,box-shadow .2s ease}.rule-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 rgba(0,0,0,.4)}.content-section--light .rule-card{background:#fff}.rule-card-icon{font-size:2rem;margin-bottom:.75rem}.rule-card-title{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.rule-card-text{font-size:.95rem;opacity:.9;margin:0}.cta-container{text-align:center;margin-top:3rem;padding-top:2rem;border-top:2px solid rgba(255,255,255,.1)}.content-section--light .cta-container{border-top-color:rgba(0,0,0,.1)}@media (max-width:768px){.content-section{padding:3rem 1.5rem}.rules-grid{grid-template-columns:1fr}}