/* shared.css — dark only, Stickz-inspired */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --bg:#080810; --bg2:#0d0d18; --bg3:#11111f;
  --surface:rgba(255,255,255,0.04);
  --border:rgba(255,255,255,0.07);
  --border2:rgba(255,255,255,0.14);
  --text:#fff; --text2:#8888aa; --text3:#44445a;
  --accent:#ff6a00; --accent-h:#ff8c38;
}
html { scroll-behavior: smooth; }
body {
  background: var(--bg); color: var(--text);
  font-family: 'Inter', system-ui, sans-serif;
  overflow-x: hidden; line-height: 1.5;
}
header {
  position: fixed; top:0; left:0; right:0; z-index:1000;
  height:58px; display:flex; align-items:center; justify-content:space-between;
  padding:0 48px;
  background:rgba(8,8,16,0.88); backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
}
.logo {
  font-size:17px; font-weight:800; letter-spacing:0.08em;
  text-transform:uppercase; color:#fff; text-decoration:none;
}
.nav-center {
  position:absolute; left:50%; transform:translateX(-50%);
  display:flex; gap:32px;
}
.nav-center a {
  color:rgba(255,255,255,0.55); text-decoration:none;
  font-size:12.5px; font-weight:500; letter-spacing:0.03em;
  transition:color .15s;
}
.nav-center a:hover, .nav-center a.active { color:#fff; }
.lang-pill {
  display:flex; background:rgba(255,255,255,0.05);
  border:1px solid var(--border2); border-radius:100px; overflow:hidden;
}
.lang-btn {
  padding:5px 14px; font-size:11px; font-weight:700;
  letter-spacing:0.08em; text-transform:uppercase;
  color:var(--text2); background:none; border:none; cursor:pointer;
  font-family:'Inter',sans-serif; transition:all .15s;
}
.lang-btn.active { background:#fff; color:#000; border-radius:100px; }
.btn-primary {
  display:inline-flex; align-items:center; gap:8px;
  background:var(--accent); color:#fff; padding:13px 28px;
  border-radius:8px; font-size:14px; font-weight:700;
  text-decoration:none; border:none; cursor:pointer;
  font-family:'Inter',sans-serif; transition:all .2s;
  box-shadow:0 4px 20px rgba(0,128,255,0.35);
}
.btn-primary:hover { background:var(--accent-h); transform:translateY(-1px); }
footer {
  padding:26px 48px; border-top:1px solid var(--border);
  display:flex; align-items:center; justify-content:space-between;
  font-size:13px; color:var(--text2);
}
footer a { color:var(--text2); text-decoration:none; transition:color .15s; }
footer a:hover { color:#fff; }
.footer-links { display:flex; gap:22px; }
@media(max-width:960px){
  header{padding:0 24px;} .nav-center{display:none;}
  footer{flex-direction:column;gap:14px;padding:24px;text-align:center;}
}

/* Force dark everywhere — no light mode */
[data-theme="day"], [data-theme] {
  --bg:#080810; --bg2:#0d0d18; --bg3:#11111f;
  --surface:rgba(255,255,255,0.04);
  --border:rgba(255,255,255,0.07);
  --border2:rgba(255,255,255,0.14);
  --text:#fff; --text2:#8888aa; --text3:#44445a;
  --card:rgba(255,255,255,0.04);
  --input-bg:rgba(255,255,255,0.05);
  --accent:#ff6a00;
  --header-bg:rgba(8,8,16,0.88);
}