:root{
  --bg:#0b1220;
  --panel:#0f172a;
  --muted:#94a3b8;
  --text:#e5e7eb;
  --line:rgba(148,163,184,.18);
  --line-soft:rgba(148,163,184,.12);
  --card-soft:rgba(148,163,184,.08);
  --accent:#1ea7ff;
  --accent2:#1897e6;
  --good:#22c55e;
  --warn:#f59e0b;
  --radius:18px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;background: var(--bg);
  color:var(--text);
  font:16px/1.55 Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif;
}

.skip-link{
  position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;
}
.skip-link:focus{
  position:fixed;left:16px;top:12px;width:auto;height:auto;padding:8px 12px;
  background:#111827;color:#fff;border:1px solid var(--line);border-radius:10px;z-index:2000;
}

.backHub{
  position:fixed;right:16px;top:14px;z-index:1200;
  display:inline-flex;gap:8px;align-items:center;
  padding:10px 14px;border-radius:12px;
  color:#e5e7eb;background:rgba(2,6,23,.7);border:1px solid var(--line);
  text-decoration:none;font-weight:800;backdrop-filter:blur(6px);
}
.backHub:hover{background:rgba(15,23,42,.85)}

body{ background: var(--bg); }
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:none}
footer .right{}
footer .right strong{}

footer{flex-wrap:wrap}
footer .right{white-space:normal}
@media (min-width: 460px){
  footer .right{white-space:nowrap}
}
@media (max-width: 360px){
  footer{font-size:13px}
}