/* Minimal clean style for Submontium Games */
:root{
  --bg:#0b0d0f;
  --panel:#13161a;
  --text:#e9eef2;
  --muted:#a7b0b8;
  --accent:#e3c26b;
  --accent-2:#8ecae6;
  --shadow:0 10px 30px rgba(0,0,0,.35);
  --radius:18px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif}
a{color:var(--accent-2);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{width:min(1100px,92%);margin:0 auto}

header{position:sticky;top:0;background:rgba(11,13,15,.7);backdrop-filter:blur(8px);border-bottom:1px solid #1e2329}
header .brand{display:flex;gap:16px;align-items:center;padding:14px 0}
header .brand h1{margin:0;font-size:1.6rem;letter-spacing:.02em}
header .brand h1 span{font-weight:300;color:var(--muted)}
header .brand .tag{margin:.1rem 0 0;color:var(--muted);font-size:.95rem}
header nav{display:flex;gap:16px;align-items:center}
header nav a{padding:8px 10px;color:var(--text)}
header, .hero{box-shadow:var(--shadow)}

.logo{width:44px;height:44px}

.hero{background:linear-gradient(180deg,#14181d, #0e1114);padding:64px 0;margin-bottom:20px}
.hero h2{font-size:2.2rem;margin:.2rem 0 .6rem;color:var(--accent)}
.hero p{max-width:60ch}

h3{font-size:1.3rem;margin:26px 0 10px}
.card{background:var(--panel);padding:18px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #1f2730}
.meta{list-style:none;padding:0;margin:.6rem 0 1rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:14px}
.btn{display:inline-block;background:var(--accent);color:#1b1e21;padding:10px 16px;border-radius:10px;font-weight:600;box-shadow:var(--shadow)}
.btn:hover{filter:brightness(1.05);text-decoration:none}
.btn.ghost{background:transparent;border:1px solid var(--accent);color:var(--accent)}

section{padding:10px 0 24px}

footer{border-top:1px solid #1e2329;margin-top:30px}
footer .wrap{padding:18px 0;color:var(--muted);font-size:.9rem}