* { -webkit-tap-highlight-color: transparent; }
    *:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
    body { margin: 0; background: #0b0f1a; color: #f7f8fb; font: 16px/1.65 system-ui, sans-serif; }
    .page-bg { position: fixed; top: 0; left: 0; width: 100%; height: 120vh; height: 120lvh; z-index: 0; }
    .page-bg img { display:block; width:100%; height:100%; object-fit:cover; }
    .page-bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(11,15,26,0.94) 0%, rgba(0,24,74,0.9) 50%, rgba(11,15,26,0.95) 100%); }
    main { position: relative; z-index: 1; max-width: 760px; margin: 0 auto; padding: 96px 24px 64px; }
    h1, h2 { font-family: Impact, sans-serif; letter-spacing: .04em; text-transform: uppercase; }
    h1 { font-size: clamp(2.3rem, 8vw, 4rem); margin: 0 0 12px; } h2 { margin-top: 40px; color: #fff; }
    .accent { color: #ed2939; } a { color: #fff; } .back { display:inline-block; margin-bottom:42px; color:#fff; text-decoration:none; border:1px solid #ffffff44; border-radius:6px; padding:10px 16px; }
    .back .arr { display:inline-block; width:7px; height:7px; border-top:2px solid currentColor; border-right:2px solid currentColor; vertical-align:1px; transition:transform .25s ease; }
    .arrow-left .arr { transform:rotate(-135deg); margin-right:8px; }
    .arrow-left:hover .arr { transform:rotate(-135deg) translate(3px,-3px); }
    .notice { background:#121a2d; border-left:3px solid #ed2939; padding:18px; border-radius:4px; }
    .topbar { position: fixed; top: 0; left: 0; right: 0; display: flex; justify-content: flex-end; padding: 14px 24px; z-index: 100; }
[data-i18n] { transition: opacity 0.22s ease; }
    body.lang-switching [data-i18n] { opacity: 0; }
    .lang-switch { position: relative; display: inline-block; }
    .lang-btn {
      background: rgba(255,255,255,0.08);
      -webkit-backdrop-filter: blur(12px);
      backdrop-filter: blur(12px);
      color: #fff;
      border: 1px solid rgba(255,255,255,0.18);
      padding: 8px 14px;
      border-radius: 10px;
      cursor: pointer;
      font-size: 0.85rem;
      font-family: inherit;
    }
    .lang-btn .arrow { display: inline-block; transition: transform 0.3s ease; }
    .lang-switch.open .lang-btn .arrow { transform: rotate(180deg); }
    .lang-dropdown {
      position: absolute; right: 0; top: 100%;
      background: #1a1a2e; border: 1px solid rgba(255,255,255,0.15);
      border-radius: 10px; min-width: 120px; z-index: 999; margin-top: 4px;
      opacity: 0; pointer-events: none; transition: opacity 0.2s ease;
    }
    .lang-switch.open .lang-dropdown { opacity: 1; pointer-events: auto; }
    .lang-dropdown button {
      display: block; width: 100%; background: none; border: none;
      color: #ccc; padding: 8px 14px; text-align: left; cursor: pointer; font-size: 0.85rem;
    }
    .lang-dropdown button:hover { background: rgba(255,255,255,0.08); color: #fff; }

/* Former inline style attributes moved to this stylesheet. */
.csp-inline-1 { vertical-align:-2px }


/* Match the mobile heading position used on the About page. */
@media (max-width: 768px) {
  main { padding: 120px 20px 48px; }
  main > .back { position: absolute; top: 64px; margin: 0; }
}