/* Shared across all bentahar.xyz arcade pages: nav, footer, and article typography */
:root{
  --bg-void:#0a0c14;
  --bg-panel:#12162a;
  --bg-panel-2:#181d38;
  --cyan:#3dffe0;
  --magenta:#ff3ea5;
  --amber:#ffd166;
  --text:#edeffb;
  --muted:#7c82a8;
  --line: rgba(125,135,190,0.18);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body.site-body{
  background:
    radial-gradient(ellipse at 20% -10%, rgba(61,255,224,0.06), transparent 45%),
    radial-gradient(ellipse at 85% 0%, rgba(255,62,165,0.06), transparent 45%),
    var(--bg-void);
  color:var(--text);
  font-family:'Space Grotesk', sans-serif;
  min-height:100vh;
}

/* ---- top nav ---- */
.site-nav{
  position:sticky; top:0; z-index:60;
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 24px;
  background:rgba(10,12,20,0.85);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.site-nav .logo{
  font-family:'Press Start 2P', monospace;
  font-size:13px;
  color:var(--cyan);
  text-shadow:0 0 8px rgba(61,255,224,0.6);
  text-decoration:none;
  letter-spacing:0.02em;
}
.site-nav .logo span{color:var(--magenta); text-shadow:0 0 8px rgba(255,62,165,0.6);}
.site-nav ul{
  list-style:none; display:flex; gap:22px; margin:0; padding:0;
  font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.05em; text-transform:uppercase;
}
.site-nav a{color:var(--muted); text-decoration:none; transition:color .2s ease;}
.site-nav a:hover, .site-nav a.active{color:var(--cyan);}
.nav-toggle{display:none; background:none; border:1px solid var(--line); color:var(--text); border-radius:6px; padding:8px 10px; font-size:16px;}
@media (max-width:680px){
  .site-nav ul{
    position:fixed; top:57px; left:0; right:0;
    flex-direction:column; gap:0;
    background:rgba(10,12,20,0.97);
    border-bottom:1px solid var(--line);
    max-height:0; overflow:hidden;
    transition:max-height .25s ease;
  }
  .site-nav ul.open{max-height:320px;}
  .site-nav ul li{padding:14px 24px; border-top:1px solid var(--line);}
  .nav-toggle{display:block;}
}

/* ---- footer ---- */
.site-footer{
  border-top:1px solid var(--line);
  margin-top:60px;
  padding:34px 24px 26px;
  text-align:center;
}
.site-footer .foot-links{
  list-style:none; display:flex; justify-content:center; flex-wrap:wrap; gap:18px;
  margin:0 0 14px; padding:0;
  font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.05em; text-transform:uppercase;
}
.site-footer .foot-links a{color:var(--muted); text-decoration:none;}
.site-footer .foot-links a:hover{color:var(--cyan);}
.site-footer .copyright{color:var(--muted); font-size:12px; font-family:'JetBrains Mono',monospace;}

/* ---- generic content page (about / privacy / terms / contact) ---- */
.page-wrap{max-width:760px; margin:0 auto; padding:52px 24px 40px;}
.page-eyebrow{
  font-family:'JetBrains Mono', monospace; color:var(--muted); letter-spacing:0.3em;
  font-size:11px; text-transform:uppercase; margin-bottom:12px;
}
.page-title{
  font-family:'Press Start 2P', monospace;
  font-size:clamp(18px,3.6vw,28px);
  color:var(--cyan);
  text-shadow:0 0 8px rgba(61,255,224,0.5);
  line-height:1.5;
  margin:0 0 8px;
}
.page-updated{color:var(--muted); font-size:12px; font-family:'JetBrains Mono',monospace; margin-bottom:36px;}
.page-content{
  background:linear-gradient(180deg, var(--bg-panel-2), var(--bg-panel));
  border:1px solid var(--line); border-radius:14px; padding:32px clamp(20px,4vw,44px);
  line-height:1.75; font-size:15px; color:var(--text);
}
.page-content h2{
  font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:18px;
  color:var(--amber); margin:32px 0 10px;
}
.page-content h2:first-child{margin-top:0;}
.page-content p{color:#d3d6ea; margin:0 0 14px;}
.page-content ul{color:#d3d6ea; margin:0 0 14px; padding-left:20px;}
.page-content li{margin-bottom:6px;}
.page-content a{color:var(--cyan);}
.page-content strong{color:var(--text);}

/* contact form */
.contact-grid{display:grid; gap:16px; max-width:480px;}
.contact-grid label{font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--muted); letter-spacing:0.05em; text-transform:uppercase; display:block; margin-bottom:6px;}
.contact-grid input, .contact-grid textarea{
  width:100%; background:#05060b; border:1px solid var(--line); border-radius:8px; color:var(--text);
  padding:11px 12px; font-family:'Space Grotesk',sans-serif; font-size:14px; outline:none;
}
.contact-grid input:focus, .contact-grid textarea:focus{border-color:var(--cyan);}
.contact-grid textarea{min-height:120px; resize:vertical;}
.contact-submit{
  font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase;
  background:transparent; border:1px solid var(--cyan); color:var(--cyan);
  padding:12px 18px; border-radius:8px; cursor:pointer; width:fit-content;
}
.contact-submit:hover{background:var(--cyan); color:#05060b;}
.contact-alt{margin-top:26px; padding-top:22px; border-top:1px solid var(--line); color:var(--muted); font-size:13px;}
.contact-alt a{color:var(--cyan); text-decoration:none;}