/* HT Deutsch · Vũ trụ tiếng Đức — hệ thống thiết kế 2.0 (dùng chung mọi trang) */
:root{
  --bg:#050714; --bg2:#0B1030; --card:rgba(16,22,52,.72); --card2:rgba(22,30,68,.85);
  --line:rgba(160,180,255,.14); --line2:rgba(160,180,255,.26);
  --ink:#F4F6FF; --ink2:#C7CFEF; --ink3:#8E99C9;
  --teal:#5EEAD4; --violet:#9D8CFF; --amber:#FFB347; --rose:#FF7AA8; --sky:#7FD0FF;
  --gold:#FFB347; --gold2:#FFD37A; --red:#FF6B7F; --blue:#7FD0FF; --green:#5EEAD4;
  --neon:#5EEAD4; --pl:#9D8CFF; --pink:#FF7AA8; --ok:#5EEAD4; --bad:#FF6B7F; --hot:#FFB347;
  --der:#7FD0FF; --die:#FF7AA8; --das:#5EEAD4;
  --r:22px; --r-s:14px;
  --f-d:'Bricolage Grotesque','Be Vietnam Pro',system-ui,sans-serif;
  --f-b:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --glass:linear-gradient(160deg,rgba(22,28,66,.55),rgba(8,11,30,.7));
  --glow-teal:0 0 0 1px rgba(94,234,212,.35),0 18px 60px -20px rgba(94,234,212,.45);
  --glow-amber:0 0 0 1px rgba(255,179,71,.4),0 18px 60px -18px rgba(255,179,71,.6);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--bg);scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:transparent;color:var(--ink2);font-family:var(--f-b);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--f-d);color:var(--ink);letter-spacing:-.015em;line-height:1.08;font-weight:700;text-wrap:balance}
a{color:var(--teal)}a:hover{color:#fff}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:6px}
::selection{background:rgba(94,234,212,.35);color:#fff}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
[hidden]{display:none!important}
/* nền 2D nhẹ khi không có WebGL */
.stars{background-color:var(--bg);background-image:
 radial-gradient(1.2px 1.2px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 78% 12%,#cfd8ff 50%,transparent 51%),
 radial-gradient(1.4px 1.4px at 44% 36%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 90% 44%,#fff 50%,transparent 51%),
 radial-gradient(1.2px 1.2px at 28% 62%,#cfd8ff 50%,transparent 51%),radial-gradient(1px 1px at 64% 78%,#fff 50%,transparent 51%),
 radial-gradient(1.4px 1.4px at 6% 88%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 52% 94%,#cfd8ff 50%,transparent 51%);
 background-size:640px 640px}
html.vt-sh{background:#050714}
@media (max-width:820px){html.vt-sh #sh-sky{opacity:.85}}
/* kính mờ dùng chung */
.glass{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 30px 80px -40px rgba(0,0,0,.8)}