:root{--bg:#0a0a0a;
--fg:#f6f6f6;
--muted:#c7c7c7;
--primary:#d1a954;
--border:rgba(255,255,255,.12)}

*{box-sizing:border-box}
html,body{margin:0;
padding:0;
background:#000;
color:var(--fg);
font:400 16px/1.6 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial}

.container{max-width:1100px;
margin:0 auto;
padding:16px}
.section{padding:48px 0}
.section.alt{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))}

.hero{min-height:100vh;
display:grid;
align-items:center;
background:url('/assets/Spartans_back.png') center/contain no-repeat;
background-color:#000;
border-bottom:1px solid var(--border);
position:relative}

.hero::after{content:'';
position:absolute;
inset:0;
background: radial-gradient(80% 60% at 50% 40%, rgba(0,0,0,.15) 0%, rgba(0,0,0,.6) 70%);
pointer-events:none}

.hero .container{position:relative;
z-index:1;
padding:12vh 16px}
h1,h2,h3{font-family:Oswald,Impact,system-ui,sans-serif}

.card{border:1px solid var(--border);
border-radius:16px;
padding:16px;
background:rgba(0,0,0,.55)}
.cards{display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:12px}

.btn{display:inline-block;
padding:.7rem 1rem;
border-radius:999px;
border:1px solid var(--border);
background:linear-gradient(180deg,#1b1b1b,#090909);
color:#fff;
font-weight:700}

.btn.primary{background:linear-gradient(180deg,#d1a954,#b98c2b);
color:#000;
border-color:#caa24d}
.btn.ghost{background:transparent}
.btn.small{padding:.5rem .8rem;
font-size:.9rem}

.nav{display:flex;
align-items:center;
gap:14px;
justify-content:space-between;
padding:10px 16px}
.nav .nav-links{display:flex;
gap:12px;
align-items:center}
.menu-toggle{display:none}

@media (max-width:900px){.menu-toggle{display:block;
border:1px solid var(--border);
border-radius:12px;
background:#111;
color:#fff;
padding:.4rem .6rem}
.nav-links{position:absolute;
inset:0 0 auto 0;
top:64px;
margin:0 auto;
max-width:1100px;
display:none;
flex-direction:column;
background:rgba(0,0,0,.9);
border:1px solid var(--border);
border-radius:16px;
padding:12px}
body.menu-open .nav-links{display:flex}
}

.nav-fixed{position:fixed;
top:0;
left:0;
right:0;
backdrop-filter:blur(6px);
background:rgba(10,10,10,.6);
z-index:1000;
border-bottom:1px solid var(--border)}
:root{--nav-h:64px}
 body{padding-top:var(--nav-h);
scroll-behavior:smooth}
section{scroll-margin-top:calc(var(--nav-h) + 12px)}