:root{
  --bg:#1e2020;
  --bg-alt:#241d1d;
  --panel:#281c1c;
  --line:rgba(255,255,255,.08);
  --accent:#ce422b;
  --accent-2:#e85a3e;
  --text:#f2efec;
  --text-dim:#a99f9a;
  --radius:10px;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Roboto',system-ui,-apple-system,"Segoe UI",sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{
  font-family:'Barlow Condensed','Roboto Condensed',system-ui,sans-serif;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px;}

/* NAV */
header.nav{
  position:sticky;top:0;z-index:50;
  background:rgba(20,17,17,.97);
  border-bottom:1px solid var(--line);
}
.nav-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 24px;max-width:1100px;margin:0 auto;
}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:.03em;}
.brand img{width:32px;height:32px;border-radius:6px;}
.brand .wordmark{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;}
.brand .wordmark span{color:var(--accent);}

.lang-toggle{display:flex;gap:6px;}
.lang-toggle button{
  width:34px;height:24px;border-radius:4px;border:1px solid var(--line);
  background:transparent;color:var(--text-dim);font-size:12px;font-weight:700;
  cursor:pointer;font-family:'Roboto Condensed',sans-serif;
}
.lang-toggle button.active{background:var(--accent);color:#fff;border-color:var(--accent);}

/* BUTTONS */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 26px;border-radius:6px;
  font-family:'Roboto Condensed',sans-serif;
  font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;
  cursor:pointer;border:1px solid transparent;
  transition:transform .12s ease, background .15s ease, border-color .15s ease;
}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--accent);color:#fff;}
.btn-primary:hover{background:var(--accent-2);}
.btn-outline{border-color:var(--line);color:var(--text);}
.btn-outline:hover{border-color:var(--accent);}

/* LANGUAGE TOGGLING */
[data-lang]{display:none;}
[data-lang].active{display:inherit;}
span[data-lang].active{display:inline;}