:root{
  --bg:#0a0e16; --bg-2:#0d1220; --panel:#121828;
  --line:rgba(237,241,247,.09); --line-strong:rgba(237,241,247,.16);
  --text:#eef2f8; --text-muted:#8d98af; --mint:#4ef2c5; --mint-dim:rgba(78,242,197,.13);
  --down:#ff6b6b; --radius-s:6px;
  --serif:'Space Grotesk',sans-serif; --sans:'Inter',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{max-width:100%;overflow-x:hidden}
body{
  background:var(--bg);color:var(--text);font-family:var(--sans);
  min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
@media (max-width:640px){.wrap{padding:0 20px}}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 24px;border-radius:var(--radius-s);font-family:var(--sans);
  font-weight:600;font-size:14.5px;cursor:pointer;border:1px solid transparent;
  white-space:nowrap;
}
.btn-primary{background:var(--mint);color:#06120e}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--line-strong)}
.btn:disabled{opacity:.5;cursor:not-allowed}
.logo-lockup{display:flex;align-items:center}
.logo-lockup img{height:26px;width:auto}
header{
  position:sticky;top:0;z-index:100;
  background:rgba(10,14,22,.82);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:12px;position:relative}
.nav-links{display:flex;gap:34px;font-size:14.5px;color:var(--text-muted)}
.nav-links a:hover{color:var(--text)}
.nav-actions{display:flex;gap:12px;align-items:center}
.nav-toggle{
  display:none;width:42px;height:42px;padding:0;
  border:1px solid var(--line-strong);background:var(--bg-2);color:var(--text);
  border-radius:10px;align-items:center;justify-content:center;cursor:pointer;
}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{
  display:block;width:16px;height:1.5px;background:currentColor;position:relative;
}
.nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0}
.nav-toggle span::before{top:-5px}
.nav-toggle span::after{top:5px}
.lang-switch{position:relative}
.lang-switch-btn{
  display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 12px;
  border:1px solid var(--line-strong);background:transparent;color:var(--text);
  border-radius:999px;cursor:pointer;font:inherit;font-size:13px;letter-spacing:.04em;
}
.lang-switch-btn::after{
  content:"";width:6px;height:6px;border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);
}
.lang-switch-menu{
  display:none;position:absolute;top:calc(100% + 8px);inset-inline-end:0;
  min-width:168px;margin:0;padding:8px;list-style:none;z-index:120;
  background:rgba(10,14,22,.96);border:1px solid var(--line-strong);border-radius:14px;
  max-height:min(70vh,440px);overflow:auto;
}
.lang-switch.is-open .lang-switch-menu{display:block}
.lang-switch-menu a{
  display:flex;justify-content:space-between;gap:12px;padding:10px 12px;
  border-radius:10px;color:var(--text-muted);
}
.lang-switch-menu a:hover,.lang-switch-menu a[aria-current="page"]{
  background:var(--bg-2);color:var(--text);
}
.lang-switch-menu a span{font-size:12px;letter-spacing:.04em;color:var(--mint)}
html[lang="ar"] body,html[lang="ar"] .btn,html[lang="ar"] .nav-links{font-family:"Noto Sans Arabic",Inter,sans-serif}
html[lang="ar"] h1{font-family:"Noto Sans Arabic",var(--serif),sans-serif}
html[lang="ja"] body{font-family:"Noto Sans JP",Inter,sans-serif}
html[lang="ja"] h1{font-family:"Noto Sans JP",var(--serif),sans-serif}
html[lang="zh-CN"] body{font-family:"Noto Sans SC",Inter,sans-serif}
html[lang="zh-CN"] h1{font-family:"Noto Sans SC",var(--serif),sans-serif}
html[lang="ur"] body,html[lang="ur"] .btn,html[lang="ur"] .nav-links{font-family:"Noto Sans Arabic",Inter,sans-serif}
html[lang="ur"] h1{font-family:"Noto Sans Arabic",var(--serif),sans-serif}
html[lang="hi"] body,html[lang="hi"] .btn,html[lang="hi"] .nav-links{font-family:"Noto Sans Devanagari",Inter,sans-serif}
html[lang="hi"] h1{font-family:"Noto Sans Devanagari",var(--serif),sans-serif}
html[lang="bn"] body,html[lang="bn"] .btn,html[lang="bn"] .nav-links{font-family:"Noto Sans Bengali",Inter,sans-serif}
html[lang="bn"] h1{font-family:"Noto Sans Bengali",var(--serif),sans-serif}
@media (max-width:1100px){
  .nav-toggle{display:inline-flex}
  .nav-links{
    display:none;position:absolute;top:calc(100% + 8px);inset-inline-start:0;inset-inline-end:0;
    flex-direction:column;gap:4px;padding:12px;background:rgba(10,14,22,.96);
    border:1px solid var(--line-strong);border-radius:16px;
  }
  nav.is-open .nav-links{display:flex}
  .nav-links a{padding:12px 10px;border-radius:10px}
  .nav-actions{margin-inline-start:auto}
}
@media (max-width:560px){.btn-ghost.nav-only{display:none}}
@media (max-width:480px){
  .nav-actions .btn{padding:10px 16px;font-size:13.5px}
  .lang-switch-btn{padding:0 10px}
}