.header{background-color:var(--sam-black);padding:1.5rem 0;border-bottom:5px solid var(--sam-yellow)}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.logo{display:flex;flex-direction:column;gap:.25rem}.warning-text{font-size:1rem;color:var(--sam-yellow);letter-spacing:.5rem;font-weight:700}.sam-text{font-size:3rem;color:var(--sam-yellow);font-weight:700;letter-spacing:.5rem;text-shadow:4px 4px 8px rgba(255,215,0,.3)}.tagline{font-size:.8rem;color:red;letter-spacing:.1rem;text-transform:uppercase}.nav{display:flex;gap:1.5rem;flex-wrap:wrap}.nav-link{color:var(--sam-yellow);text-decoration:none;font-weight:700;font-size:1.1rem;padding:.5rem 1rem;border:2px solid transparent;transition:all .3s ease;text-transform:uppercase}.nav-link:hover{border-color:var(--sam-yellow);background-color:#ffd7001a}.admin-link{color:red;border:2px solid #ff0000}.admin-link:hover{background-color:red;color:var(--sam-black)}@media (max-width: 768px){.header-content{flex-direction:column;text-align:center}.sam-text{font-size:2rem}.nav{justify-content:center}.nav-link{font-size:.9rem;padding:.4rem .8rem}}.footer{background-color:var(--sam-black);border-top:5px solid var(--sam-yellow);padding:2rem 0;margin-top:4rem}.footer-content{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:2rem;text-align:center}.footer-section h3{color:var(--sam-yellow);font-size:1.5rem;margin-bottom:.5rem}.footer-section h4{color:var(--sam-yellow);font-size:1.2rem;margin-bottom:.5rem}.footer-section p{color:#ccc;font-size:.9rem}@media (max-width: 768px){.footer-content{flex-direction:column}}.hero{background:linear-gradient(135deg,var(--sam-black) 0%,#2a2a2a 100%);padding:4rem 2rem;margin:2rem 0}.hero-content{text-align:center}.hero-icon{font-size:5rem;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hero-title{font-size:4rem;color:var(--sam-yellow);margin-bottom:1rem;text-shadow:4px 4px 8px rgba(0,0,0,.8)}.hero-subtitle{font-size:1.5rem;color:red;margin-bottom:1.5rem;font-weight:700}.hero-description{font-size:1.2rem;color:#ccc;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.intro-grid h3{color:var(--sam-yellow);font-size:1.5rem;margin-bottom:1rem}.intro-grid p{color:#ccc;line-height:1.6}.cta-card{text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;text-align:center}.cta-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #ffd7004d}.cta-card h3{color:var(--sam-yellow);font-size:1.8rem;margin-bottom:1rem}.cta-card p{color:#ccc}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-icon{font-size:3rem}.hero-subtitle{font-size:1.2rem}}.filter-buttons{display:flex;gap:1rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}.sam-button.active{background-color:var(--sam-black);color:var(--sam-yellow);border-color:var(--sam-yellow)}.members-grid{margin-top:2rem}.member-card{text-align:center;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.member-card:hover{transform:translateY(-10px);box-shadow:0 8px 16px #ffd70066}.member-image{width:100%;height:200px;overflow:hidden;background-color:#2a2a2a;display:flex;align-items:center;justify-content:center;border-bottom:2px solid var(--sam-yellow)}.member-image img{width:100%;height:100%;object-fit:cover}.member-placeholder{font-size:4rem;color:#555}.member-info{padding:1rem}.member-nickname{color:var(--sam-yellow);font-size:1.3rem;margin-bottom:.5rem;font-weight:700}.member-number{color:red;font-size:1rem;font-weight:700;margin-bottom:.3rem}.member-name{color:#ccc;font-size:.9rem;margin-bottom:.5rem}.badge{display:inline-block;padding:.3rem .6rem;border-radius:3px;font-size:.7rem;font-weight:700;margin-top:.5rem}.gamling-badge{background-color:red;color:var(--sam-black)}.loading,.no-results{text-align:center;font-size:1.5rem;color:#ccc;padding:3rem}@media (max-width: 768px){.members-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.member-image{height:150px}}.current-leader{background:linear-gradient(135deg,#2a2a2a 0%,var(--sam-black) 100%);padding:2rem;margin:2rem 0;text-align:center}.current-leader h2{color:var(--sam-yellow);font-size:2rem;margin-bottom:1.5rem;text-shadow:3px 3px 6px rgba(0,0,0,.8)}.current-leader .leader-card{max-width:400px;margin:0 auto;background-color:#000000e6}.current-leader .leader-card h3{font-size:2rem;color:var(--sam-yellow)}.leaders-section{margin:3rem 0}.subsection-title{color:var(--sam-yellow);font-size:1.8rem;margin-bottom:1.5rem;text-align:center;font-weight:700;text-transform:uppercase}.leader-card{text-align:center;transition:transform .3s ease,box-shadow .3s ease}.leader-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #ffd7004d}.leader-card h3{color:var(--sam-yellow);font-size:1.5rem;margin-bottom:.8rem;font-weight:700}.date-range{color:#ccc;font-size:1rem;margin-bottom:.5rem}.current-badge{background-color:#0f0;color:var(--sam-black)}.events-list{margin-top:2rem}.event-card{margin-bottom:1.5rem;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.event-card:hover{transform:translate(10px);box-shadow:0 8px 16px #ffd70066}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.event-title{color:var(--sam-yellow);font-size:1.8rem;font-weight:700}.event-lp{background-color:red;color:var(--sam-black);padding:.5rem 1rem;border-radius:5px;font-weight:700;font-size:1.1rem}.event-date{color:#ccc;font-size:1.2rem;margin-bottom:1rem}.event-description{color:#aaa;line-height:1.6;font-size:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #444}@media (max-width: 768px){.event-header{flex-direction:column;align-items:flex-start}.event-title{font-size:1.4rem}}.about-content{max-width:900px;margin:0 auto}.about-section{margin:3rem 0;padding:2rem;background-color:#0009}.about-section h2{color:var(--sam-yellow);font-size:2rem;margin-bottom:1.5rem;text-transform:uppercase;font-weight:700}.about-section p{color:#ccc;line-height:1.8;font-size:1.1rem;margin-bottom:1rem}.tagline{color:red;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.activities{margin-top:2rem}.activity-card{text-align:center;padding:1.5rem}.activity-card h3{color:var(--sam-yellow);font-size:1.5rem;margin-bottom:1rem}.activity-card p{color:#ccc;font-size:1rem}.contact-info{font-size:1.2rem;color:var(--sam-yellow);font-weight:700;text-align:center;margin-top:1.5rem}:root{--sam-yellow: #FFD700;--sam-black: #000000;--sam-stripe: repeating-linear-gradient( 45deg, var(--sam-yellow), var(--sam-yellow) 20px, var(--sam-black) 20px, var(--sam-black) 40px );--warning-border: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#1a1a1a;color:var(--sam-yellow)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem}.warning-border{border:var(--warning-border) solid transparent;border-image:var(--sam-stripe) 1;position:relative}.warning-border:before{content:"";position:absolute;top:calc(-1 * var(--warning-border));left:calc(-1 * var(--warning-border));right:calc(-1 * var(--warning-border));bottom:calc(-1 * var(--warning-border));background:var(--sam-stripe);z-index:-1}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.section{margin:2rem 0;padding:2rem;background-color:#000c;border:3px solid var(--sam-yellow)}.section-title{font-size:2.5rem;margin-bottom:1.5rem;text-align:center;font-weight:700;text-transform:uppercase;color:var(--sam-yellow);text-shadow:3px 3px 6px rgba(0,0,0,.8)}.sam-button{background-color:var(--sam-yellow);color:var(--sam-black);border:3px solid var(--sam-black);padding:.75rem 1.5rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.sam-button:hover{background-color:var(--sam-black);color:var(--sam-yellow);border-color:var(--sam-yellow);transform:scale(1.05)}.card{background-color:#000000e6;border:2px solid var(--sam-yellow);padding:1rem;margin:1rem 0}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width: 768px){.section-title{font-size:1.8rem}.main-content,.section{padding:1rem}}
