.header-wrap#headerWrap {
      --blue: #1557ff;
      --blue-dark: #0b3fd7;
      --blue-soft: #edf3ff;
      --ink: #111827;
      --muted: #71809e;
      --line: #dce5f2;
      --surface: rgba(255, 255, 255, 0.94);
      --shadow: 0 16px 38px rgba(35, 58, 101, 0.12);
      --radius: 28px;
      --siemens-miniapp-header-gap: 0px;
      --siemens-miniapp-header-top: max(
        var(--tg-content-safe-area-inset-top, 0px),
        var(--tg-safe-area-inset-top, 0px),
        env(safe-area-inset-top, 0px)
      );
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      margin: 0;
      z-index: var(--siemens-header-z, 10000);
      padding: 14px clamp(12px, 2vw, 24px) 0;
      color: var(--ink);
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      pointer-events: none;
    }

    html[data-siemens-runtime="telegram"] .header-wrap#headerWrap {
      display: none;
    }

    html[data-siemens-runtime="telegram"][data-siemens-telegram-platform="ios"] .header-wrap#headerWrap,
    html[data-siemens-runtime="telegram"][data-siemens-telegram-platform="android"] .header-wrap#headerWrap {
      --siemens-miniapp-header-gap: 24px;
    }

    .header-wrap, .header-wrap *, .header-wrap *::before, .header-wrap *::after { box-sizing: border-box; }

    .header-wrap button, .header-wrap input { font: inherit; }

    .header-wrap button, .header-wrap a {
      -webkit-tap-highlight-color: transparent;
    }

    .header-wrap button:focus-visible,
    .header-wrap a:focus-visible,
    .header-wrap input:focus-visible {
      outline: 3px solid rgba(21, 87, 255, 0.25);
      outline-offset: 2px;
    }

    :where(.header-wrap) .site-header {
      --toolbar-inline: 22px;
      position: relative;
      width: min(1420px, 100%);
      margin: 0 auto;
      border: 1px solid rgba(204, 217, 235, 0.82);
      border-radius: var(--radius);
      background: var(--surface);
      box-shadow: var(--shadow);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
      pointer-events: auto;
    }

    :where(.header-wrap) .header-main {
      min-height: 90px;
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 10px var(--toolbar-inline);
      white-space: nowrap;
    }

    :where(.header-wrap) .brand {
      --brand-width: 176px;
      --brand-height: 76px;
      position: relative;
      width: var(--brand-width);
      height: var(--brand-height);
      flex: 0 0 var(--brand-width);
      display: block;
      min-width: 0;
    }

    :where(.header-wrap) .brand-home {
      display: block;
      color: inherit;
      text-decoration: none;
    }

    :where(.header-wrap) .brand-logo {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain;
      transform: translateX(-5px);
    }

    :where(.header-wrap) .rating {
      color: inherit;
      text-decoration: none;
      white-space: nowrap;
    }

    :where(.header-wrap) .rating-full {
      min-width: 112px;
      flex: 0 0 112px;
      display: grid;
      gap: 5px;
      font-size: 13px;
    }

    :where(.header-wrap) .rating-full strong {
      font-size: 14px;
      letter-spacing: -0.01em;
    }

    :where(.header-wrap) .rating-full .rating-dot {
      position: static;
      width: 7px;
      height: 7px;
      display: inline-block;
      margin-right: 6px;
      vertical-align: 1px;
    }

    :where(.header-wrap) .rating-stars {
      color: #ffae00;
      letter-spacing: 1px;
    }

    :where(.header-wrap) .rating-line {
      display: flex;
      align-items: center;
      gap: 5px;
    }

    :where(.header-wrap) .rating-score {
      min-width: 32px;
      height: 20px;
      padding: 0 6px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #c8d8ff;
      border-radius: 7px;
      background: var(--blue-soft);
      color: var(--blue);
      font-size: 12px;
      font-weight: 850;
      letter-spacing: -0.02em;
    }

    :where(.header-wrap) .rating-compact {
      --rating-width: 70px;
      --rating-height: 58px;
      width: var(--rating-width);
      height: var(--rating-height);
      min-width: var(--rating-width);
      flex: 0 0 var(--rating-width);
      display: none;
      align-content: center;
      justify-items: center;
      gap: 1px;
      padding: 6px;
      border: 1px solid var(--line);
      border-radius: 16px;
      background: linear-gradient(180deg, #fff, #f7f9fd);
      box-shadow: 0 5px 14px rgba(36, 54, 88, 0.07);
    }

    :where(.header-wrap) .rating-compact strong {
      color: #172033;
      font-size: 21px;
      font-weight: 850;
      line-height: 1;
      letter-spacing: -0.045em;
    }

    :where(.header-wrap) .rating-dot {
      border-radius: 50%;
      background: #ff6673;
      box-shadow: 0 0 0 3px #fff0f2;
      animation: siemens-rating-pulse 1.8s ease-in-out infinite;
    }

    :where(.header-wrap) .compact-score {
      display: flex;
      align-items: center;
      gap: 3px;
    }

    :where(.header-wrap) .rating-outline-star {
      color: #ffae00;
      font-size: 17px;
      font-weight: 500;
      line-height: 0.9;
    }

    :where(.header-wrap) .rating-reviews {
      color: #5d6980;
      font-size: 9px;
      font-weight: 800;
      line-height: 1;
    }

    @keyframes siemens-rating-pulse {
      0%, 100% { opacity: 1; transform: scale(1); box-shadow: 0 0 0 4px #fff0f2; }
      50% { opacity: 0.58; transform: scale(0.86); box-shadow: 0 0 0 6px rgba(255, 102, 115, 0.08); }
    }

    :where(.header-wrap) .tool-button {
      border: 1px solid var(--line);
      background: #fff;
      color: var(--ink);
      cursor: pointer;
      transition:
        border-color 160ms ease,
        background-color 160ms ease,
        color 160ms ease,
        box-shadow 160ms ease,
        transform 160ms ease;
    }

    :where(.header-wrap) .tool-button:hover {
      border-color: #a9c2ff;
      background: var(--blue-soft);
      transform: translateY(-1px);
    }

    :where(.header-wrap) .action-cluster {
      min-width: 0;
      flex: 0 0 auto;
      display: flex;
      align-items: center;
      gap: 6px;
      margin-left: auto;
    }

    :where(.header-wrap) .mode-nav {
      min-width: 0;
      flex: 0 0 auto;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    :where(.header-wrap) .mode-link {
      min-width: 0;
      min-height: 62px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 6px 10px;
      border: 0;
      border-radius: 16px;
      color: var(--ink);
      background: transparent;
      text-decoration: none;
      white-space: nowrap;
      transition: background-color 160ms ease;
    }

    :where(.header-wrap) .mode-link:hover { background: var(--blue-soft); }

    :where(.header-wrap) .mode-nav .mode-link:first-child { padding-left: 10px; }

    :where(.header-wrap) .mode-icon {
      width: 52px;
      height: 52px;
      flex: 0 0 52px;
      object-fit: contain;
      transform: scale(1.12);
    }

    :where(.header-wrap) .mode-icon.order-icon { transform: translateY(-1px) scale(1.18); }

    :where(.header-wrap) .mode-copy {
      min-width: 0;
      flex: 0 0 auto;
      overflow: hidden;
      display: grid;
      gap: 2px;
      line-height: 1.05;
    }

    :where(.header-wrap) .mode-copy strong {
      overflow: hidden;
      font-size: 15px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    :where(.header-wrap) .mode-copy small {
      overflow: hidden;
      color: var(--muted);
      font-size: 10.5px;
      font-weight: 600;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    :where(.header-wrap) .calculator-slot,
    :where(.header-wrap) .social-tools {
      flex: 0 0 auto;
      display: flex;
      align-items: center;
    }

    :where(.header-wrap) .calculator-slot {
      position: relative;
      margin-left: 2px;
      padding-left: 8px;
    }

    :where(.header-wrap) .calculator-slot::before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      width: 1px;
      height: 28px;
      border-radius: 99px;
      background: #d8e0ec;
      transform: translateY(-50%);
    }

    :where(.header-wrap) .social-tools {
      gap: 7px;
    }

    :where(.header-wrap) .tool-button {
      width: 44px;
      height: 44px;
      display: grid;
      place-items: center;
      padding: 0;
      border-radius: 14px;
      font-size: 17px;
      font-weight: 800;
      text-decoration: none;
    }

    :where(.header-wrap) .tool-button.social {
      overflow: hidden;
      border-color: transparent;
      background: transparent;
    }

    :where(.header-wrap) .tool-button img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain;
    }

    :where(.header-wrap) .tool-button.calculator-tool {
      position: relative;
      width: 86px;
      height: 60px;
      overflow: visible;
      border: 0;
      background: transparent;
    }

    :where(.header-wrap) .tool-button.calculator-tool .calculator-image {
      width: 86px;
      height: 58px;
      max-width: none;
      transition: transform 180ms ease;
    }

    :where(.header-wrap) .tool-button.calculator-tool:hover {
      border-color: transparent;
      background: transparent;
    }

    :where(.header-wrap) .tool-button.calculator-tool:hover .calculator-image {
      transform: rotate(-2deg) scale(1.07);
    }

    :where(.header-wrap) .tool-button .calculator-spark {
      position: absolute;
      z-index: 2;
      width: auto;
      height: auto;
      pointer-events: none;
      filter: drop-shadow(0 3px 5px rgba(255, 174, 0, 0.26));
      animation: siemens-spark-float 2.2s ease-in-out infinite;
    }

    :where(.header-wrap) .calculator-spark.spark-one {
      width: 24px;
      top: 3px;
      left: 11px;
    }

    :where(.header-wrap) .calculator-spark.spark-two {
      width: 17px;
      right: 9px;
      bottom: 10px;
      animation-delay: -1.1s;
    }

    @keyframes siemens-spark-float {
      0%, 100% { opacity: 0.82; transform: translateY(0) rotate(0deg) scale(0.92); }
      50% { opacity: 1; transform: translateY(-5px) rotate(8deg) scale(1.08); }
    }

    :where(.header-wrap) .tool-button.telegram img { border-radius: 50%; }

    :where(.header-wrap) .profile-button {
      --profile-width: 218px;
      width: var(--profile-width);
      min-width: var(--profile-width);
      flex: 0 0 var(--profile-width);
      height: 52px;
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 5px 8px;
      border: 1px solid #b9ceff;
      border-radius: 20px;
      color: var(--ink);
      background: #fff;
      cursor: pointer;
      text-align: left;
      transition:
        border-color 160ms ease,
        background-color 160ms ease,
        box-shadow 160ms ease,
        transform 160ms ease;
    }

    :where(.header-wrap) .profile-button:hover {
      border-color: #8fb0ff;
      background: #f8fbff;
      box-shadow: 0 7px 20px rgba(21, 87, 255, 0.1);
      transform: translateY(-1px);
    }

    .header-wrap[data-auth="false"] .profile-button {
      border-color: #bdd0ff;
      border-radius: 18px;
      background: linear-gradient(145deg, #ffffff, #f5f8ff);
    }

    .header-wrap[data-auth="true"] .profile-button {
      border-color: #d6dee9;
      border-radius: 18px;
      background: linear-gradient(145deg, #ffffff, #f7f9fc);
      box-shadow: 0 7px 20px rgba(34, 47, 72, 0.08);
    }

    .header-wrap[data-auth="true"] .profile-button:hover {
      border-color: #b8c4d5;
      box-shadow: 0 10px 25px rgba(34, 47, 72, 0.11);
    }

    .header-wrap[data-auth="checking"] .profile-button,
    html[data-siemens-session="checking"] .header-wrap[data-auth="false"] .profile-button {
      border-color: #cbd9f6;
      background: linear-gradient(145deg, #ffffff, #f2f7ff);
      box-shadow: 0 7px 20px rgba(34, 79, 150, 0.08);
      cursor: wait;
    }

    .header-wrap[data-auth="error"] .profile-button {
      border-color: #f0d2aa;
      background: linear-gradient(145deg, #ffffff, #fff9ef);
      cursor: pointer;
    }

    .header-wrap[data-auth="true"] .avatar {
      border-radius: 50%;
      background: #172033;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
      font-size: 16px;
      font-weight: 750;
    }

    :where(.header-wrap) .avatar {
      width: 40px;
      height: 40px;
      flex: 0 0 40px;
      display: grid;
      place-items: center;
      border-radius: 15px;
      color: #fff;
      background: linear-gradient(145deg, #2b72ff, #0f4be7);
      box-shadow: 0 7px 16px rgba(21, 87, 255, 0.25);
      font-weight: 850;
      font-size: 18px;
    }

    :where(.header-wrap) .member-avatar { position: relative; overflow: hidden; }

    :where(.header-wrap) .member-avatar img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    :where(.header-wrap) .member-avatar img[hidden] { display: none; }

    :where(.header-wrap) .guest-avatar {
      position: relative;
      overflow: hidden;
      border-radius: 50%;
      box-shadow: none;
    }

    :where(.header-wrap) .guest-avatar::before {
      content: "";
      position: absolute;
      top: 9px;
      left: 50%;
      width: 9px;
      height: 9px;
      border: 2px solid #fff;
      border-radius: 50%;
      transform: translateX(-50%);
    }

    :where(.header-wrap) .guest-avatar::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 7px;
      width: 22px;
      height: 12px;
      border: 2px solid #fff;
      border-bottom: 0;
      border-radius: 14px 14px 0 0;
      transform: translateX(-50%);
    }

    :where(.header-wrap) .profile-copy {
      min-width: 0;
      flex: 1;
      display: grid;
      gap: 3px;
    }

    :where(.header-wrap) .profile-copy strong {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 14px;
    }

    :where(.header-wrap) .guest-title {
      display: flex;
      align-items: center;
      gap: 5px;
    }

    :where(.header-wrap) .guest-gift-icon {
      width: 30px;
      height: 30px;
      flex: 0 0 30px;
      object-fit: contain;
      transform: translateY(-3px);
    }

    :where(.header-wrap) .profile-name {
      overflow: hidden;
      color: #788397;
      font-size: 10.5px;
      font-weight: 650;
      line-height: 1;
      letter-spacing: 0.01em;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    :where(.header-wrap) .profile-copy .profile-balance {
      display: flex;
      align-items: center;
      color: var(--blue);
      font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      font-size: 16.5px;
      font-weight: 700;
      font-variant-numeric: tabular-nums lining-nums;
      font-feature-settings: "tnum" 1, "lnum" 1;
      line-height: 1.1;
      letter-spacing: -0.012em;
      text-rendering: geometricPrecision;
    }

    :where(.header-wrap) .profile-balance > span {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    :where(.header-wrap) .bonus-icon {
      width: 16px;
      height: 16px;
      flex: 0 0 16px;
      display: block;
      margin-left: 4px;
      object-fit: contain;
      transform: translateY(-1px);
    }

    :where(.header-wrap) .chevron {
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
      display: grid;
      place-items: center;
      color: var(--muted);
      border-radius: 50%;
      background: rgba(103, 119, 148, 0.08);
      font-size: 0;
      transition: transform 160ms ease;
    }

    :where(.header-wrap) .chevron::before {
      content: "";
      width: 6px;
      height: 6px;
      border-right: 1.5px solid currentColor;
      border-bottom: 1.5px solid currentColor;
      transform: translateY(-1px) rotate(45deg);
    }

    :where(.header-wrap) .profile-button[aria-expanded="true"] .chevron { transform: rotate(180deg); }

    .header-wrap[data-auth="false"] .member-only,
    .header-wrap[data-auth="true"] .guest-only,
    .header-wrap[data-auth="checking"] .guest-only,
    .header-wrap[data-auth="checking"] .member-only,
    .header-wrap[data-auth="error"] .guest-only,
    .header-wrap[data-auth="error"] .member-only { display: none; }

    :where(.header-wrap) .session-state { display: none; }

    .header-wrap[data-auth="checking"] .session-state,
    .header-wrap[data-auth="error"] .session-state,
    html[data-siemens-session="checking"] .header-wrap[data-auth="false"] .session-state {
      min-width: 0;
      flex: 1;
      display: flex;
      align-items: center;
      gap: 9px;
    }

    html[data-siemens-session="checking"] .header-wrap[data-auth="false"] .guest-only,
    html[data-siemens-session="checking"] .header-wrap[data-auth="false"] .member-only,
    .header-wrap[data-auth="checking"] .chevron,
    .header-wrap[data-auth="error"] .chevron { display: none; }

    :where(.header-wrap) .session-spinner {
      position: relative;
      width: 38px;
      height: 38px;
      flex: 0 0 38px;
      display: grid;
      place-items: center;
      border-radius: 14px;
      color: #1557ff;
      background: linear-gradient(145deg, #edf4ff, #e3edff);
    }

    :where(.header-wrap) .session-spinner::before {
      content: "";
      width: 17px;
      height: 17px;
      border: 2px solid rgba(21, 87, 255, 0.2);
      border-top-color: #1557ff;
      border-radius: 50%;
      animation: siemens-session-spin 760ms linear infinite;
    }

    :where(.header-wrap) .session-state-copy {
      min-width: 0;
      display: grid;
      gap: 2px;
      line-height: 1.1;
    }

    :where(.header-wrap) .session-state-copy strong {
      overflow: hidden;
      color: #283651;
      font-size: 11.5px;
      font-weight: 700;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    :where(.header-wrap) .session-state-copy small {
      overflow: hidden;
      color: #7a879d;
      font-size: 9.5px;
      font-weight: 550;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .header-wrap[data-auth="error"] .session-spinner {
      color: #9c641b;
      background: #fff1d9;
    }

    .header-wrap[data-auth="error"] .session-spinner::before {
      content: "!";
      width: auto;
      height: auto;
      border: 0;
      border-radius: 0;
      font-size: 18px;
      font-weight: 800;
      animation: none;
    }

    @keyframes siemens-session-spin { to { transform: rotate(360deg); } }

    :where(.header-wrap) .profile-popover {
      position: absolute;
      z-index: 10;
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
      transform: translateY(-7px);
      transition:
        visibility 160ms ease,
        opacity 160ms ease,
        transform 160ms ease;
    }

    :where(.header-wrap) .profile-popover.is-open {
      visibility: visible;
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }

    :where(.header-wrap) .profile-popover {
      top: calc(100% + 10px);
      right: 0;
      width: min(380px, calc(100vw - 24px));
      padding: 14px;
      border: 1px solid #e2ebf4;
      border-radius: 22px;
      background: #fff;
      box-shadow: var(--shadow);
      max-height: calc(100dvh - 120px);
      overflow-y: auto;
    }

    :where(.header-wrap) .guest-menu svg,
    :where(.header-wrap) .member-menu svg {
      width: 24px;
      height: 24px;
      flex-shrink: 0;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    :where(.header-wrap) .guest-bonus-offer {
      display: flex;
      align-items: center;
      gap: 12px;
      width: 100%;
      padding: 16px 12px;
      border: 0;
      border-radius: 16px;
      background: #f0f7fd;
      color: var(--ink);
      font: inherit;
      text-align: left;
      cursor: pointer;
    }

    :where(.header-wrap) .guest-gift {
      display: grid;
      place-items: center;
      flex: 0 0 42px;
      height: 46px;
      border-radius: 14px;
      color: #0780fa;
      background: #e2efff;
    }

    :where(.header-wrap) .guest-gift svg { width: 28px; height: 28px; }
    :where(.header-wrap) .guest-offer-copy { min-width: 0; }
    :where(.header-wrap) .guest-offer-copy strong { display: block; font-size: 14px; line-height: 1.35; }
    :where(.header-wrap) .guest-offer-copy span { display: block; margin-top: 4px; color: #748099; font-size: 13px; line-height: 1.45; }
    :where(.header-wrap) .guest-menu .guest-chevron,
    :where(.header-wrap) .member-menu .guest-chevron { width: 16px; height: 16px; margin-left: auto; color: #45516a; }

    :where(.header-wrap) .profile-navigation {
      display: grid;
      padding: 10px 0 12px;
      margin-bottom: 14px;
      border-bottom: 1px solid #e8edf4;
    }

    :where(.header-wrap) .profile-navigation a,
    :where(.header-wrap) .profile-navigation button {
      display: flex;
      align-items: center;
      gap: 16px;
      min-height: 52px;
      padding: 8px;
      border: 0;
      border-radius: 10px;
      color: #111827;
      background: transparent;
      text-decoration: none;
      font-size: 15px;
      font-weight: 500;
      text-align: left;
      cursor: pointer;
    }

    :where(.header-wrap) .profile-navigation a:hover,
    :where(.header-wrap) .profile-navigation a:focus-visible,
    :where(.header-wrap) .profile-navigation button:hover,
    :where(.header-wrap) .profile-navigation button:focus-visible { background: #f3f7fc; }
    :where(.header-wrap) .guest-bonus-offer:hover { background: #e8f3fd; }

    :where(.header-wrap) .guest-menu .guest-login-button {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      min-height: 48px;
      padding: 10px 12px;
      border: 0;
      border-radius: 13px;
      background: #2aabee;
      color: #fff;
      font: inherit;
      font-size: 15px;
      font-weight: 700;
      cursor: pointer;
    }

    :where(.header-wrap) .guest-menu .guest-login-button:hover { background: #229ed9; }
    :where(.header-wrap) .guest-login-content { display: inline-flex; align-items: center; gap: 10px; }
    :where(.header-wrap) .guest-menu .telegram-plane { fill: currentColor; stroke: none; }
    :where(.header-wrap) .guest-menu .guest-login-arrow { position: absolute; right: 12px; width: 19px; height: 19px; }
    :where(.header-wrap) .guest-login-note { margin: 10px 8px 2px; color: #7a859a; text-align: center; font-size: 12px; line-height: 1.5; }

    :where(.header-wrap) .account-balance {
      position: relative;
      display: grid;
      grid-template-columns: 52px minmax(0, 1fr);
      align-items: center;
      gap: 4px 14px;
      min-height: 82px;
      padding: 14px;
      border: 1px solid rgba(35, 104, 230, 0.12);
      border-radius: 20px;
      color: var(--ink);
      background:
        radial-gradient(circle at 92% 8%, rgba(80, 166, 255, 0.18), transparent 38%),
        linear-gradient(135deg, #f8fbff 0%, #edf6ff 58%, #f3f8ff 100%);
      box-shadow:
        0 10px 24px rgba(34, 91, 164, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
    }

    :where(.header-wrap) .account-balance-icon-wrap {
      grid-row: 1 / span 2;
      display: grid;
      place-items: center;
      width: 52px;
      height: 52px;
      border: 1px solid rgba(255, 255, 255, 0.44);
      border-radius: 18px;
      background: linear-gradient(145deg, #1254f4 0%, #287cff 62%, #49a8ff 100%);
      box-shadow:
        0 8px 18px rgba(21, 87, 255, 0.24),
        inset 0 1px 1px rgba(255, 255, 255, 0.28);
    }

    :where(.header-wrap) .account-balance-top, :where(.header-wrap) .account-balance-bottom {
      display: flex;
      align-items: center;
      gap: 5px;
    }

    :where(.header-wrap) .account-balance-top, :where(.header-wrap) .account-balance-bottom { grid-column: 2; }
    :where(.header-wrap) .account-balance-top { justify-content: space-between; }
    :where(.header-wrap) .account-balance-bottom { align-items: baseline; gap: 7px; }

    :where(.header-wrap) .account-balance-label {
      display: flex;
      align-items: center;
      color: #52627d;
      font-size: 12px;
      font-weight: 750;
      line-height: 1.35;
      letter-spacing: 0.01em;
    }

    :where(.header-wrap) .account-balance-icon {
      width: 32px;
      height: 32px;
      object-fit: contain;
      filter: drop-shadow(0 2px 3px rgba(1, 42, 135, 0.16));
    }

    :where(.header-wrap) .account-balance strong {
      color: #16213a;
      font-size: 31px;
      font-weight: 820;
      line-height: 1;
      letter-spacing: -0.055em;
    }

    :where(.header-wrap) .account-balance-unit {
      color: #71809a;
      font-size: 11.5px;
      font-weight: 650;
      line-height: 1.25;
    }

    :where(.header-wrap) .account-balance-rate {
      position: relative;
      display: inline-flex;
      align-items: center;
      flex: 0 0 auto;
      gap: 3px;
      padding: 5px 8px;
      border: 1px solid rgba(52, 121, 245, 0.18);
      border-radius: 999px;
      color: #1b61dc;
      background: rgba(255, 255, 255, 0.78);
      box-shadow: 0 3px 10px rgba(34, 91, 164, 0.06);
      font-size: 10.5px;
      font-weight: 750;
      line-height: 1;
      white-space: nowrap;
      cursor: help;
    }

    :where(.header-wrap) .account-balance-rate img {
      width: 13px;
      height: 13px;
      object-fit: contain;
    }

    :where(.header-wrap) .account-balance-equation {
      display: inline-flex;
      align-items: center;
      gap: 3px;
    }

    :where(.header-wrap) .balance-rate-tooltip {
      position: absolute;
      z-index: 10;
      top: calc(100% + 7px);
      right: 0;
      box-sizing: border-box;
      width: min(238px, calc(100vw - 72px));
      display: none;
      gap: 5px;
      padding: 11px 13px;
      border: 1px solid #ccdafe;
      border-radius: 14px;
      color: #65718a;
      background: #fff;
      box-shadow: 0 13px 28px rgba(32, 55, 95, 0.16);
      font-size: 12px;
      font-weight: 500;
      line-height: 1.4;
      text-align: left;
      white-space: normal;
      pointer-events: none;
    }

    :where(.header-wrap) .balance-rate-tooltip strong {
      color: #1d2a42;
      font-size: 12px;
    }

    :where(.header-wrap) .account-balance-rate:hover .balance-rate-tooltip,
    :where(.header-wrap) .account-balance-rate:focus-visible .balance-rate-tooltip { display: grid; }

    :where(.header-wrap) .member-navigation { margin-bottom: 0; }

    :where(.header-wrap) .member-logout {
      display: flex;
      align-items: center;
      gap: 16px;
      width: 100%;
      min-height: 50px;
      padding: 8px;
      border: 0;
      border-radius: 10px;
      color: #647188;
      background: transparent;
      font: inherit;
      font-size: 14px;
      text-align: left;
      cursor: pointer;
    }

    :where(.header-wrap) .member-logout:hover, :where(.header-wrap) .member-logout:focus-visible { background: #f3f7fc; }

    @media (max-width: 1419px) {
      :where(.header-wrap) .header-main { gap: 12px; }

      :where(.header-wrap) .profile-button { --profile-width: 210px; }
    }

    @media (max-width: 1280px) {
      :where(.header-wrap) .social-tools { display: none; }
    }

    @media (max-width: 1270px) {
      :where(.header-wrap) .site-header { --toolbar-inline: 18px; }

      :where(.header-wrap) .brand {
        --brand-width: 166px;
        --brand-height: 72px;
      }

      :where(.header-wrap) .mode-nav {
        min-width: 0;
        flex-basis: auto;
      }
    }

    @media (max-width: 1120px) {
      :where(.header-wrap) .rating-full { display: none; }
      :where(.header-wrap) .rating-compact { display: grid; }
    }

    @media (max-width: 1080px) {
      .header-wrap { padding-top: 8px; }
      :where(.header-wrap) .site-header {
        --toolbar-inline: 12px;
        border-radius: 22px;
      }

      :where(.header-wrap) .header-main {
        min-height: 72px;
        gap: 10px;
        padding-block: 7px;
      }

      :where(.header-wrap) .brand {
        --brand-width: 150px;
        --brand-height: 64px;
      }

      :where(.header-wrap) .mode-nav {
        min-width: 0;
        flex-basis: auto;
      }

      :where(.header-wrap) .mode-link { padding-inline: 8px; }
      :where(.header-wrap) .mode-nav .mode-link:first-child { padding-left: 12px; }

      :where(.header-wrap) .calculator-slot { padding-left: 8px; }

      :where(.header-wrap) .tool-button.calculator-tool {
        width: 84px;
        height: 64px;
      }

      :where(.header-wrap) .tool-button.calculator-tool .calculator-image {
        width: 90px;
        height: 62px;
      }

      :where(.header-wrap) .profile-button { --profile-width: 196px; }
    }

    @media (max-width: 960px) {
      :where(.header-wrap) .header-main { gap: 8px; }

      html[data-siemens-runtime="telegram"] :where(.header-wrap) .action-cluster {
        display: none;
      }

      :where(.header-wrap) .brand {
        --brand-width: 132px;
        --brand-height: 58px;
        order: 1;
      }

      :where(.header-wrap) .rating { order: 2; }

      :where(.header-wrap) .action-cluster {
        order: 3;
        flex: 0 0 auto;
        gap: 3px;
        margin-left: auto;
        padding: 3px 3px 3px 7px;
        border: 1px solid var(--line);
        border-radius: 16px;
        background: linear-gradient(145deg, #fff, #f3f7ff);
        box-shadow: 0 5px 14px rgba(42, 68, 112, 0.07);
      }

      :where(.header-wrap) .mode-nav {
        min-width: 0;
        flex: 0 0 auto;
        display: flex;
        gap: 8px;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
      }

      :where(.header-wrap) .mode-link {
        width: 40px;
        height: 40px;
        min-height: 40px;
        flex: 0 0 40px;
        gap: 0;
        padding: 0;
        border: 0;
        border-radius: 12px;
        background: transparent;
      }

      :where(.header-wrap) .mode-nav .mode-link:first-child { padding-left: 0; }

      :where(.header-wrap) .mode-copy { display: none; }

      :where(.header-wrap) .mode-icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
      }

      :where(.header-wrap) .mode-icon.order-icon { transform: translateY(-1px) scale(1.16); }

      :where(.header-wrap) .calculator-slot {
        margin-left: 3px;
        padding-left: 7px;
      }

      :where(.header-wrap) .calculator-slot::before { height: 30px; }

      :where(.header-wrap) .tool-button.calculator-tool {
        width: 72px;
        height: 54px;
      }

      :where(.header-wrap) .tool-button.calculator-tool .calculator-image {
        width: 80px;
        height: 56px;
        margin-left: -4px;
      }

      :where(.header-wrap) .calculator-spark.spark-one {
        width: 24px;
        top: 3px;
        left: 5px;
      }

      :where(.header-wrap) .calculator-spark.spark-two {
        width: 18px;
        right: 5px;
        bottom: 5px;
      }

      :where(.header-wrap) .profile-button {
        --profile-width: 170px;
        order: 4;
        margin-left: auto;
      }

      :where(.header-wrap) .chevron { display: none; }
    }

    @media (max-width: 720px) {
      .header-wrap { padding-inline: 8px; }
      :where(.header-wrap) .site-header { --toolbar-inline: 9px; }

      :where(.header-wrap) .header-main {
        min-height: 66px;
      }

      :where(.header-wrap) .brand {
        --brand-width: 126px;
        --brand-height: 56px;
      }

      :where(.header-wrap) .profile-button {
        --profile-width: 154px;
        height: 50px;
        padding: 5px 7px;
        border-radius: 16px;
      }

      :where(.header-wrap) .avatar {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: 12px;
        font-size: 16px;
      }

      :where(.header-wrap) .profile-copy .profile-balance {
        font-size: 15px;
        letter-spacing: -0.005em;
      }

      :where(.header-wrap) .session-state { gap: 6px; }
      :where(.header-wrap) .session-spinner {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
        border-radius: 11px;
      }
      :where(.header-wrap) .session-spinner::before { width: 14px; height: 14px; }
      :where(.header-wrap) .session-state-copy strong { font-size: 10.5px; }
      :where(.header-wrap) .session-state-copy small { font-size: 8.5px; }
    }

    @media (max-width: 620px) {
      :where(.header-wrap) .rating-reviews { display: none; }

      :where(.header-wrap) .rating-compact {
        --rating-width: 58px;
        --rating-height: 46px;
        padding: 4px;
        border-radius: 14px;
      }

      :where(.header-wrap) .rating-compact strong { font-size: 18px; }
      :where(.header-wrap) .rating-outline-star { font-size: 16px; }

      :where(.header-wrap) .tool-button.calculator-tool {
        width: 64px;
        height: 48px;
      }

      :where(.header-wrap) .tool-button.calculator-tool .calculator-image {
        width: 72px;
        height: 50px;
      }

      :where(.header-wrap) .calculator-spark.spark-one { width: 22px; }
      :where(.header-wrap) .calculator-spark.spark-two { width: 16px; }
    }

    @media (max-width: 570px) {
      :where(.header-wrap) .header-main { gap: 6px; }

      :where(.header-wrap) .mode-nav { gap: 6px; }

      :where(.header-wrap) .brand {
        --brand-width: 102px;
        --brand-height: 50px;
      }

      :where(.header-wrap) .rating-compact {
        --rating-width: 54px;
        --rating-height: 44px;
      }

      :where(.header-wrap) .action-cluster {
        padding-left: 6px;
        border-radius: 14px;
      }

      :where(.header-wrap) .mode-link {
        width: 36px;
        height: 36px;
        min-height: 36px;
        flex-basis: 36px;
        border-radius: 11px;
      }

      :where(.header-wrap) .mode-icon {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
      }

      :where(.header-wrap) .tool-button.calculator-tool {
        width: 60px;
        height: 46px;
      }

      :where(.header-wrap) .tool-button.calculator-tool .calculator-image {
        width: 68px;
        height: 48px;
      }

      :where(.header-wrap) .profile-button { --profile-width: 144px; }
    }

    @media (max-width: 510px) {
      :where(.header-wrap) .header-main { gap: 5px; }

      :where(.header-wrap) .mode-nav { gap: 5px; }

      :where(.header-wrap) .brand {
        --brand-width: 96px;
        --brand-height: 48px;
      }

      :where(.header-wrap) .rating-compact {
        --rating-width: 50px;
        --rating-height: 42px;
        border-radius: 13px;
      }

      :where(.header-wrap) .rating-compact strong { font-size: 17px; }
      :where(.header-wrap) .rating-outline-star { font-size: 15px; }

      :where(.header-wrap) .tool-button.calculator-tool {
        width: 52px;
        height: 42px;
      }

      :where(.header-wrap) .tool-button.calculator-tool .calculator-image {
        width: 60px;
        height: 44px;
      }

      :where(.header-wrap) .mode-link {
        width: 32px;
        height: 32px;
        min-height: 32px;
        flex-basis: 32px;
        border-radius: 10px;
      }

      :where(.header-wrap) .mode-icon {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
      }

      :where(.header-wrap) .profile-button { --profile-width: 138px; }
      :where(.header-wrap) .calculator-slot::before { height: 20px; }
      :where(.header-wrap) .calculator-spark.spark-one { width: 18px; left: 3px; }
      :where(.header-wrap) .calculator-spark.spark-two { width: 13px; right: 3px; }
    }

    @media (max-width: 475px) {
      :where(.header-wrap) .rating { display: none; }
    }

    @media (max-width: 420px) {
      :where(.header-wrap) .brand {
        --brand-width: 90px;
        --brand-height: 44px;
      }

      :where(.header-wrap) .tool-button.calculator-tool {
        width: 46px;
        height: 36px;
      }

      :where(.header-wrap) .tool-button.calculator-tool .calculator-image {
        width: 54px;
        height: 38px;
      }

      :where(.header-wrap) .calculator-spark.spark-one { width: 16px; }
      :where(.header-wrap) .calculator-spark.spark-two { width: 12px; }

      :where(.header-wrap) .mode-link {
        width: 28px;
        height: 28px;
        min-height: 28px;
        flex-basis: 28px;
        border-radius: 9px;
      }

      :where(.header-wrap) .mode-icon {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
      }

      :where(.header-wrap) .profile-button { --profile-width: 132px; }
      :where(.header-wrap) .calculator-slot::before { height: 18px; }
    }

    @media (max-width: 395px) {
      :where(.header-wrap) .site-header { --toolbar-inline: 7px; }

      :where(.header-wrap) .header-main {
        min-height: 60px;
        gap: 4px;
      }

      :where(.header-wrap) .profile-button {
        --profile-width: 126px;
        height: 46px;
        gap: 6px;
        padding: 4px 6px;
      }

      :where(.header-wrap) .profile-copy strong { font-size: 12px; }
      :where(.header-wrap) .guest-gift-icon {
        width: 26px;
        height: 26px;
        flex-basis: 26px;
      }

    }

    @media (max-width: 385px) {
      :where(.header-wrap) .site-header { --toolbar-inline: 5px; }

      :where(.header-wrap) .header-main {
        gap: 4px;
      }

      :where(.header-wrap) .brand {
        --brand-width: 70px;
        --brand-height: 44px;
      }

      :where(.header-wrap) .tool-button.calculator-tool {
        width: 38px;
        height: 30px;
      }

      :where(.header-wrap) .tool-button.calculator-tool .calculator-image {
        width: 46px;
        height: 32px;
      }

      :where(.header-wrap) .calculator-spark.spark-one { width: 14px; left: 2px; }
      :where(.header-wrap) .calculator-spark.spark-two { width: 10px; right: 2px; }

      :where(.header-wrap) .mode-nav {
        gap: 4px;
      }

      :where(.header-wrap) .action-cluster {
        gap: 2px;
        padding: 2px 2px 2px 3px;
        border-radius: 11px;
      }

      :where(.header-wrap) .calculator-slot {
        margin-left: 2px;
        padding-left: 5px;
      }

      :where(.header-wrap) .calculator-slot::before { height: 14px; }

      :where(.header-wrap) .mode-link {
        width: 24px;
        height: 24px;
        min-height: 24px;
        flex-basis: 24px;
        border-radius: 8px;
      }

      :where(.header-wrap) .mode-icon {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
      }

      :where(.header-wrap) .profile-button {
        --profile-width: 112px;
        gap: 4px;
        padding-inline: 4px;
      }

      :where(.header-wrap) .avatar {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
      }
    }

    @media (max-width: 360px) {
      :where(.header-wrap) .guest-menu .guest-login-button { font-size: 13px; }
      :where(.header-wrap) .guest-menu .telegram-plane { width: 20px; height: 20px; }
      :where(.header-wrap) .guest-login-content { gap: 7px; }
    }

    .siemens-auth-modal,
    .siemens-auth-modal * { box-sizing: border-box; }

    .siemens-auth-modal[hidden],
    .siemens-auth-modal [hidden] { display: none !important; }

    .siemens-auth-modal {
      position: fixed;
      z-index: 30000;
      inset: 0;
      display: grid;
      place-items: center;
      padding: 18px;
      color: #111827;
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    .siemens-auth-backdrop {
      position: absolute;
      inset: 0;
      background: rgba(11, 20, 39, 0.62);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      animation: siemens-auth-fade 180ms ease-out both;
    }

    .siemens-auth-dialog {
      position: relative;
      width: min(460px, 100%);
      max-height: calc(100dvh - 36px);
      overflow-y: auto;
      padding: 34px;
      border: 1px solid rgba(211, 222, 239, 0.95);
      border-radius: 28px;
      background:
        radial-gradient(circle at 92% 0%, rgba(42, 171, 238, 0.13), transparent 34%),
        #fff;
      box-shadow: 0 30px 90px rgba(5, 18, 44, 0.3);
      text-align: center;
      animation: siemens-auth-rise 220ms ease-out both;
    }

    .siemens-auth-close {
      position: absolute;
      top: 14px;
      right: 14px;
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      padding: 0;
      border: 0;
      border-radius: 50%;
      color: #65718a;
      background: #f1f5fa;
      cursor: pointer;
      transition: color 160ms ease, background 160ms ease, transform 160ms ease;
    }

    .siemens-auth-close:hover {
      color: #172033;
      background: #e7edf5;
      transform: rotate(4deg);
    }

    .siemens-auth-close svg {
      width: 18px;
      height: 18px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
    }

    .siemens-auth-mark {
      width: 72px;
      height: 72px;
      display: grid;
      place-items: center;
      margin: 0 auto 18px;
      border-radius: 24px;
      color: #fff;
      background: linear-gradient(145deg, #32b6f4, #168bd0);
      box-shadow: 0 14px 32px rgba(42, 171, 238, 0.3);
      transform: rotate(-3deg);
    }

    .siemens-auth-mark svg {
      width: 38px;
      height: 38px;
      fill: currentColor;
      transform: translate(-1px, 1px) rotate(3deg);
    }

    .siemens-auth-eyebrow {
      margin: 0 0 8px;
      color: #1557ff;
      font-size: 11px;
      font-weight: 850;
      letter-spacing: 0.14em;
    }

    .siemens-auth-dialog h2 {
      margin: 0;
      color: #111827;
      font-size: clamp(25px, 6vw, 32px);
      line-height: 1.12;
      letter-spacing: -0.045em;
    }

    .siemens-auth-lead {
      max-width: 360px;
      margin: 12px auto 22px;
      color: #68758d;
      font-size: 14px;
      line-height: 1.55;
    }

    .siemens-auth-status {
      min-height: 78px;
      display: flex;
      align-items: center;
      gap: 13px;
      margin-bottom: 14px;
      padding: 14px 16px;
      border: 1px solid #dbe6f6;
      border-radius: 18px;
      color: #53627a;
      background: #f7faff;
      text-align: left;
    }

    .siemens-auth-status strong,
    .siemens-auth-status span { display: block; }

    .siemens-auth-status strong {
      margin-bottom: 3px;
      color: #1b2941;
      font-size: 14px;
      line-height: 1.3;
    }

    .siemens-auth-status span {
      font-size: 12px;
      line-height: 1.45;
    }

    .siemens-auth-spinner,
    .siemens-auth-status-icon {
      width: 34px;
      height: 34px;
      flex: 0 0 34px;
      border-radius: 50%;
    }

    .siemens-auth-spinner {
      border: 3px solid #dbe7fa;
      border-top-color: #1557ff;
      animation: siemens-auth-spin 800ms linear infinite;
    }

    .siemens-auth-status-icon {
      display: none;
      place-items: center;
      color: #fff;
      font-size: 19px;
      font-weight: 900;
    }

    .siemens-auth-status[data-state="ready"] .siemens-auth-spinner,
    .siemens-auth-status[data-state="success"] .siemens-auth-spinner,
    .siemens-auth-status[data-state="error"] .siemens-auth-spinner { display: none; }

    .siemens-auth-status[data-state="ready"] .siemens-auth-status-icon,
    .siemens-auth-status[data-state="success"] .siemens-auth-status-icon,
    .siemens-auth-status[data-state="error"] .siemens-auth-status-icon { display: grid; }

    .siemens-auth-status[data-state="ready"] .siemens-auth-status-icon {
      color: #1557ff;
      background: #e7efff;
    }

    .siemens-auth-status[data-state="success"] {
      border-color: #bfe9d2;
      background: #effbf4;
    }

    .siemens-auth-status[data-state="success"] .siemens-auth-status-icon { background: #19a65a; }

    .siemens-auth-status[data-state="error"] {
      border-color: #ffd2d7;
      background: #fff5f6;
    }

    .siemens-auth-status[data-state="error"] .siemens-auth-status-icon { background: #e54858; }

    .siemens-auth-manual {
      display: grid;
      gap: 0;
      margin: 0 0 14px;
      padding: 0 2px;
      text-align: left;
    }

    .siemens-auth-field {
      display: grid;
      gap: 5px;
      padding: 10px 0;
    }

    .siemens-auth-field + .siemens-auth-field {
      border-top: 1px solid #e9eef5;
    }

    .siemens-auth-field label {
      color: #7b879b;
      font-size: 10.5px;
      font-weight: 700;
    }

    .siemens-auth-copy-row {
      min-width: 0;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .siemens-auth-copy-row input {
      flex: 1;
      width: 100%;
      min-width: 0;
      height: 34px;
      padding: 0;
      border: 0;
      border-radius: 5px;
      color: #1d2a42;
      background: transparent;
      font: 650 13px/1.2 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
      outline: none;
      text-overflow: ellipsis;
    }

    .siemens-auth-copy-row input:focus {
      box-shadow: 0 0 0 3px rgba(21, 87, 255, 0.1);
    }

    #siemensBotLink {
      color: #1557ff;
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: -0.01em;
    }

    .siemens-auth-copy-button {
      width: 36px;
      min-width: 36px;
      height: 36px;
      display: grid;
      place-items: center;
      padding: 0;
      border: 1px solid #d8e2f0;
      border-radius: 11px;
      color: #1557ff;
      background: #fff;
      cursor: pointer;
      transition: border-color 150ms ease, background 150ms ease, color 150ms ease, transform 150ms ease;
    }

    .siemens-auth-copy-button svg {
      width: 17px;
      height: 17px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .siemens-auth-copy-button:hover {
      border-color: #b9cdf2;
      background: #edf4ff;
      transform: translateY(-1px);
    }

    .siemens-auth-copy-button[data-copied="true"] {
      border-color: #bee7cf;
      color: #138a4b;
      background: #effaf4;
    }

    .siemens-auth-copy-button[data-copied="true"] svg { display: none; }
    .siemens-auth-copy-button[data-copied="true"]::after {
      content: "✓";
      font-size: 17px;
      font-weight: 800;
    }

    .siemens-auth-manual-note {
      margin: 1px 3px 0;
      color: #78859a;
      font-size: 11px;
      line-height: 1.45;
      text-align: center;
    }

    .siemens-auth-actions { display: grid; gap: 9px; }

    .siemens-auth-telegram,
    .siemens-auth-secondary {
      min-height: 52px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      width: 100%;
      padding: 11px 16px;
      border-radius: 15px;
      font: inherit;
      font-size: 15px;
      font-weight: 750;
      text-decoration: none;
      cursor: pointer;
      transition: transform 160ms ease, background 160ms ease, box-shadow 160ms ease;
    }

    .siemens-auth-telegram {
      border: 0;
      color: #fff;
      background: #2aabee;
      box-shadow: 0 10px 24px rgba(42, 171, 238, 0.25);
    }

    .siemens-auth-telegram:hover {
      color: #fff;
      background: #229ed9;
      box-shadow: 0 13px 28px rgba(42, 171, 238, 0.32);
      transform: translateY(-1px);
    }

    .siemens-auth-telegram svg {
      width: 23px;
      height: 23px;
      fill: currentColor;
    }

    .siemens-auth-secondary {
      border: 1px solid #d6e0ed;
      color: #33415a;
      background: #fff;
    }

    .siemens-auth-secondary:hover { background: #f4f7fb; transform: translateY(-1px); }
    .siemens-auth-secondary:disabled { opacity: 0.55; cursor: wait; transform: none; }

    .siemens-auth-security {
      width: 100%;
      display: block;
      margin: 15px auto 0;
      padding: 0 8px;
      border: 0;
      border-radius: 0;
      color: #8793a7;
      background: transparent;
      font-size: 10.5px;
      font-weight: 450;
      line-height: 1.42;
      text-align: center;
    }

    .siemens-auth-security span {
      max-width: 310px;
    }

    body.siemens-auth-lock { overflow: hidden !important; }

    body.siemens-auth-lock .header-wrap .profile-popover {
      visibility: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
      transition: none !important;
    }

    @keyframes siemens-auth-spin { to { transform: rotate(360deg); } }
    @keyframes siemens-auth-fade { from { opacity: 0; } to { opacity: 1; } }
    @keyframes siemens-auth-rise {
      from { opacity: 0; transform: translateY(12px) scale(0.985); }
      to { opacity: 1; transform: translateY(0) scale(1); }
    }

    @media (max-width: 520px) {
      .siemens-auth-modal {
        min-height: 100vh;
        min-height: 100dvh;
        align-items: end;
        padding: 10px 10px 0;
        background: rgba(11, 20, 39, 0.62);
      }
      .siemens-auth-backdrop {
        position: fixed;
        inset: -4px;
        min-height: calc(100dvh + 8px);
      }
      .siemens-auth-dialog {
        width: 100%;
        max-height: calc(100dvh - 10px);
        padding: 30px 20px calc(22px + env(safe-area-inset-bottom, 0px));
        border-bottom: 0;
        border-radius: 25px 25px 0 0;
      }
      .siemens-auth-mark { width: 64px; height: 64px; border-radius: 21px; }
      .siemens-auth-lead { margin-bottom: 18px; }
      .siemens-auth-copy-button { width: 36px; min-width: 36px; }
      .siemens-auth-security {
        margin-inline: auto;
        padding-inline: 8px;
      }
    }

    .siemens-welcome-bonus,
    .siemens-welcome-bonus * { box-sizing: border-box; }
    .siemens-welcome-bonus[hidden] { display: none !important; }
    .siemens-welcome-bonus {
      position: fixed;
      z-index: 32000;
      inset: 0;
      display: grid;
      place-items: center;
      padding: max(18px, env(safe-area-inset-top, 0px)) 18px max(18px, env(safe-area-inset-bottom, 0px));
      color: #111827;
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    .siemens-welcome-bonus__backdrop {
      position: absolute;
      inset: 0;
      border: 0;
      background: rgba(7, 17, 40, 0.56);
      backdrop-filter: blur(9px);
      -webkit-backdrop-filter: blur(9px);
      animation: siemens-auth-fade 180ms ease-out both;
    }
    .siemens-welcome-bonus__card {
      position: relative;
      width: min(420px, 100%);
      overflow: hidden;
      padding: 34px 30px 28px;
      border: 1px solid rgba(211, 224, 246, 0.95);
      border-radius: 30px;
      background:
        radial-gradient(circle at 8% 2%, rgba(35, 122, 255, 0.18), transparent 32%),
        radial-gradient(circle at 94% 14%, rgba(115, 73, 255, 0.17), transparent 33%),
        linear-gradient(180deg, #fff 0%, #f7faff 100%);
      box-shadow: 0 34px 100px rgba(8, 25, 62, 0.34);
      text-align: center;
      animation: siemens-welcome-bonus-rise 340ms cubic-bezier(.2, .85, .26, 1.08) both;
    }
    .siemens-welcome-bonus__card::before,
    .siemens-welcome-bonus__card::after {
      content: "";
      position: absolute;
      width: 10px;
      height: 10px;
      border-radius: 3px;
      background: #ffb020;
      transform: rotate(24deg);
      box-shadow: 52px 28px 0 -2px #2aabee, 290px 18px 0 -1px #7a5cff;
      opacity: .85;
    }
    .siemens-welcome-bonus__card::before { top: 22px; left: 24px; }
    .siemens-welcome-bonus__card::after { right: 44px; bottom: 102px; transform: rotate(-18deg) scale(.72); }
    .siemens-welcome-bonus__close {
      position: absolute;
      z-index: 2;
      top: 13px;
      right: 13px;
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      padding: 0;
      border: 0;
      border-radius: 50%;
      color: #6d7890;
      background: rgba(239, 244, 251, .9);
      font: inherit;
      font-size: 24px;
      cursor: pointer;
    }
    .siemens-welcome-bonus__gift {
      width: 82px;
      height: 82px;
      display: grid;
      place-items: center;
      margin: 0 auto 17px;
      border-radius: 27px;
      color: #fff;
      background: linear-gradient(145deg, #1557ff 0%, #4c76ff 52%, #8655f6 100%);
      box-shadow: 0 18px 36px rgba(48, 82, 229, .3), inset 0 1px 1px rgba(255, 255, 255, .35);
      transform: rotate(-3deg);
    }
    .siemens-welcome-bonus__gift svg {
      width: 43px;
      height: 43px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
      transform: rotate(3deg);
    }
    .siemens-welcome-bonus__eyebrow {
      margin: 0 0 7px;
      color: #3567e8;
      font-size: 11px;
      font-weight: 850;
      letter-spacing: .13em;
      text-transform: uppercase;
    }
    .siemens-welcome-bonus h2 {
      margin: 0;
      color: #131a2a;
      font-size: clamp(27px, 7vw, 34px);
      font-weight: 850;
      line-height: 1.08;
      letter-spacing: -.045em;
    }
    .siemens-welcome-bonus__amount {
      width: fit-content;
      min-height: 58px;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin: 18px auto 14px;
      padding: 10px 21px;
      border-radius: 999px;
      color: #fff;
      background: linear-gradient(110deg, #1557ff 0%, #536eff 56%, #8d4df3 100%);
      box-shadow: 0 14px 30px rgba(53, 87, 231, .28);
      font-size: 27px;
      font-weight: 880;
      line-height: 1;
      letter-spacing: -.035em;
    }
    .siemens-welcome-bonus__amount img { width: 29px; height: 29px; object-fit: contain; }
    .siemens-welcome-bonus__text {
      max-width: 330px;
      margin: 0 auto 22px;
      color: #68758d;
      font-size: 14px;
      line-height: 1.52;
    }
    .siemens-welcome-bonus__action {
      position: relative;
      z-index: 1;
      width: 100%;
      min-height: 54px;
      padding: 12px 20px;
      border: 0;
      border-radius: 17px;
      color: #fff;
      background: #1557ff;
      box-shadow: 0 12px 25px rgba(21, 87, 255, .24);
      font: inherit;
      font-size: 15px;
      font-weight: 800;
      cursor: pointer;
    }
    body.siemens-welcome-bonus-lock { overflow: hidden !important; }
    @keyframes siemens-welcome-bonus-rise {
      from { opacity: 0; transform: translateY(20px) scale(.96); }
      to { opacity: 1; transform: translateY(0) scale(1); }
    }
    @media (max-width: 520px) {
      .siemens-welcome-bonus { align-items: end; padding: 10px 10px 0; }
      .siemens-welcome-bonus__card {
        width: 100%;
        padding: 32px 22px calc(24px + env(safe-area-inset-bottom, 0px));
        border-bottom: 0;
        border-radius: 28px 28px 0 0;
      }
      .siemens-welcome-bonus__gift { width: 74px; height: 74px; border-radius: 24px; }
    }

    .siemens-promo-modal,
    .siemens-promo-modal * { box-sizing: border-box; }
    .siemens-promo-modal[hidden],
    .siemens-promo-modal [hidden] { display: none !important; }
    .siemens-promo-modal {
      position: fixed;
      z-index: 31500;
      inset: 0;
      display: grid;
      place-items: center;
      padding: max(18px, env(safe-area-inset-top, 0px)) 18px max(18px, env(safe-area-inset-bottom, 0px));
      color: #172033;
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    .siemens-promo-modal__backdrop {
      position: absolute;
      inset: 0;
      border: 0;
      background: rgba(8, 18, 39, .6);
      backdrop-filter: blur(9px);
      -webkit-backdrop-filter: blur(9px);
      animation: siemens-auth-fade 180ms ease-out both;
    }
    .siemens-promo-modal__card {
      position: relative;
      width: min(440px, 100%);
      overflow: hidden;
      padding: 32px;
      border: 1px solid rgba(211, 224, 246, .96);
      border-radius: 28px;
      background:
        radial-gradient(circle at 92% 0%, rgba(128, 85, 246, .14), transparent 34%),
        radial-gradient(circle at 4% 16%, rgba(21, 87, 255, .12), transparent 30%),
        #fff;
      box-shadow: 0 34px 100px rgba(8, 25, 62, .35);
      text-align: center;
      animation: siemens-auth-rise 220ms ease-out both;
    }
    .siemens-promo-modal__close {
      position: absolute;
      top: 13px;
      right: 13px;
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      padding: 0;
      border: 0;
      border-radius: 50%;
      color: #69758b;
      background: #f1f5fa;
      font: inherit;
      font-size: 24px;
      cursor: pointer;
    }
    .siemens-promo-modal__mark {
      width: 72px;
      height: 72px;
      display: grid;
      place-items: center;
      margin: 0 auto 17px;
      border-radius: 24px;
      color: #fff;
      background: linear-gradient(145deg, #1557ff 0%, #536eff 54%, #8751ed 100%);
      box-shadow: 0 16px 34px rgba(49, 83, 225, .28);
      transform: rotate(-3deg);
    }
    .siemens-promo-modal__mark svg {
      width: 39px;
      height: 39px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
      transform: rotate(3deg);
    }
    .siemens-promo-modal__eyebrow {
      margin: 0 0 7px;
      color: #3567e8;
      font-size: 11px;
      font-weight: 850;
      letter-spacing: .13em;
      text-transform: uppercase;
    }
    .siemens-promo-modal h2 {
      margin: 0;
      color: #131a2a;
      font-size: clamp(26px, 7vw, 33px);
      font-weight: 850;
      line-height: 1.1;
      letter-spacing: -.04em;
    }
    .siemens-promo-modal__lead {
      max-width: 330px;
      margin: 10px auto 20px;
      color: #748097;
      font-size: 13px;
      line-height: 1.5;
    }
    .siemens-promo-modal__form { display: grid; gap: 10px; }
    .siemens-promo-modal__input {
      width: 100%;
      height: 54px;
      padding: 0 17px;
      border: 1px solid #d8e2f1;
      border-radius: 16px;
      color: #172033;
      background: #f8faff;
      font: 750 17px/1 Inter, ui-sans-serif, sans-serif;
      letter-spacing: .05em;
      text-align: center;
      text-transform: uppercase;
      outline: none;
      transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
    }
    .siemens-promo-modal__input:focus {
      border-color: #7e9cff;
      background: #fff;
      box-shadow: 0 0 0 4px rgba(21, 87, 255, .1);
    }
    .siemens-promo-modal__submit {
      width: 100%;
      min-height: 54px;
      padding: 12px 20px;
      border: 0;
      border-radius: 16px;
      color: #fff;
      background: #1557ff;
      box-shadow: 0 12px 25px rgba(21, 87, 255, .23);
      font: inherit;
      font-size: 15px;
      font-weight: 800;
      cursor: pointer;
    }
    .siemens-promo-modal__submit:disabled { opacity: .58; cursor: wait; }
    .siemens-promo-modal__status {
      display: grid;
      gap: 8px;
      margin-top: 14px;
      padding: 14px 15px;
      border: 1px solid #dbe5f4;
      border-radius: 16px;
      color: #53627a;
      background: #f7faff;
      font-size: 13px;
      line-height: 1.45;
      text-align: left;
    }
    .siemens-promo-modal__status[data-state="success"] {
      border-color: #bce8ce;
      color: #176d43;
      background: #effaf4;
    }
    .siemens-promo-modal__status[data-state="error"] {
      border-color: #ffd0d6;
      color: #a52f40;
      background: #fff4f6;
    }
    .siemens-promo-modal__status strong { color: inherit; font-size: 14px; }
    .siemens-promo-modal__rewards {
      display: grid;
      gap: 7px;
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .siemens-promo-modal__reward {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 10px 12px;
      border-radius: 12px;
      color: #27344c;
      background: rgba(255, 255, 255, .78);
      font-weight: 700;
    }
    .siemens-promo-modal__reward span:last-child { color: #1557ff; }
    .siemens-promo-modal__note {
      margin: 14px 5px 0;
      color: #8792a6;
      font-size: 11px;
      line-height: 1.45;
    }
    body.siemens-promo-lock { overflow: hidden !important; }
    @media (max-width: 520px) {
      .siemens-promo-modal { align-items: end; padding: 10px 10px 0; }
      .siemens-promo-modal__card {
        width: 100%;
        padding: 30px 20px calc(23px + env(safe-area-inset-bottom, 0px));
        border-bottom: 0;
        border-radius: 27px 27px 0 0;
      }
      .siemens-promo-modal__mark { width: 66px; height: 66px; border-radius: 22px; }
    }

    @media (prefers-reduced-motion: reduce) {
      .header-wrap, .header-wrap *, .header-wrap *::before, .header-wrap *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
      }
    }