:root{--primary-color: #ff4d4d;--secondary-color: #1a1a1a;--accent-color: #ffd700;--text-color: #ffffff;--background-color: #000000}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;background-color:var(--background-color);color:var(--text-color)}nav{position:fixed;width:100%;padding:1rem 2rem;background:#000000e6;display:flex;justify-content:space-between;align-items:center;z-index:1000;border-bottom:2px solid var(--primary-color)}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-transform:uppercase;letter-spacing:2px}.nav-links a{color:var(--text-color);text-decoration:none;margin-left:2rem;transition:color .3s;text-transform:uppercase;font-size:.9rem;letter-spacing:1px}.nav-links a:hover{color:var(--primary-color)}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger span{width:25px;height:3px;background:var(--text-color);margin:2px;transition:.3s}header{height:100vh;background:linear-gradient(#000c,#000c),url(https://images.unsplash.com/photo-1580273916550-e323be2ae537) center/cover;display:flex;align-items:center;justify-content:center;text-align:center}.hero h1{font-size:4rem;margin-bottom:1rem;color:var(--primary-color);text-transform:uppercase;letter-spacing:3px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero p{font-size:1.5rem;color:var(--accent-color);text-transform:uppercase;letter-spacing:2px}section{padding:5rem 2rem}h2{text-align:center;margin-bottom:3rem;color:var(--primary-color);text-transform:uppercase;letter-spacing:2px}.events-container{max-width:1200px;margin:0 auto}.events-header{margin-bottom:2rem;text-align:center}.event-filters{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.filter-btn{background:transparent;border:2px solid var(--primary-color);color:var(--text-color);padding:.5rem 1.5rem;border-radius:25px;cursor:pointer;transition:all .3s;text-transform:uppercase;font-size:.9rem;letter-spacing:1px}.filter-btn:hover,.filter-btn.active{background:var(--primary-color);color:var(--text-color)}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.event-card{background:var(--secondary-color);padding:1.5rem;border-radius:10px;transition:transform .3s;border:1px solid transparent}.event-card:hover{transform:translateY(-5px);border-color:var(--primary-color)}.event-card h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}.event-card .date{color:var(--accent-color);font-size:.9rem;margin-bottom:.5rem}.event-card .status{display:inline-block;padding:.3rem 1rem;border-radius:15px;font-size:.8rem;margin-bottom:1rem}.status.upcoming{background:var(--primary-color);color:var(--text-color)}.status.past{background:#666;color:var(--text-color)}.status.news{background:var(--accent-color);color:var(--background-color)}form{max-width:600px;margin:0 auto;background:var(--secondary-color);padding:2rem;border-radius:10px;border:1px solid var(--primary-color)}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;color:var(--accent-color)}input,textarea{width:100%;padding:.8rem;border:1px solid transparent;border-radius:5px;background:#ffffff1a;color:var(--text-color);transition:border-color .3s}input:focus,textarea:focus{outline:none;border-color:var(--primary-color)}textarea{height:100px;resize:vertical}button{background:var(--primary-color);color:var(--text-color);padding:.8rem 1.5rem;border:none;border-radius:5px;cursor:pointer;transition:background .3s;text-transform:uppercase;letter-spacing:1px}button:hover{background:#f33}.members-area{background:var(--secondary-color)}.access-form{max-width:400px;margin:0 auto 2rem;display:flex;gap:1rem}.hidden{display:none}footer{text-align:center;padding:2rem;background:var(--secondary-color);border-top:2px solid var(--primary-color)}@media (max-width: 768px){.nav-links{display:none;position:absolute;top:100%;left:0;width:100%;background:#000000e6;padding:1rem}.nav-links.active{display:flex;flex-direction:column}.nav-links a{margin:.5rem 0}.hamburger{display:flex}.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}.access-form{flex-direction:column}.event-filters{flex-wrap:wrap}.filter-btn{font-size:.8rem;padding:.4rem 1rem}}
