/* =========================================================
       设计说明
       - 首屏：官方品牌 + Login/Register双入口
       - PC：左右双栏；H5：入口卡优先、按钮全宽
       - 所有选择器加 bp- 前缀，降低与站内其他CSS冲突
       ========================================================= */
    :root {
      --bp-red: #d71445;
      --bp-red-dark: #9e0b2d;
      --bp-wine: #370515;
      --bp-gold: #ffbd43;
      --bp-ink: #201319;
      --bp-muted: #6d6166;
      --bp-line: #eadfe3;
      --bp-soft: #fff7f8;
      --bp-white: #fff;
      --bp-green: #168b55;
      --bp-shadow: 0 24px 70px rgba(55, 5, 21, .18);
      --bp-radius: 28px;
      --bp-shell: 1180px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--bp-ink);
      background: #fff;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
      line-height: 1.65;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }
    body.bp-menu-open { overflow: hidden; }
    a { color: inherit; }
    img { max-width: 100%; }
    button, a { -webkit-tap-highlight-color: transparent; }
    .bp-sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .bp-shell {
      width: min(calc(100% - 40px), var(--bp-shell));
      margin-inline: auto;
    }

    /* Header */
    .bp-header {
      position: absolute;
      inset: 0 0 auto;
      z-index: 40;
      padding-top: max(14px, env(safe-area-inset-top));
    }
    .bp-header__inner {
      min-height: 76px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      padding: 12px 18px;
      border: 1px solid rgba(255, 255, 255, .20);
      border-radius: 22px;
      background: rgba(35, 3, 13, .52);
      box-shadow: 0 14px 40px rgba(0, 0, 0, .14);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
    }
    .bp-brand {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      color: #fff;
      text-decoration: none;
      flex: 0 0 auto;
    }
    .bp-brand img {
      width: 48px;
      height: 48px;
      object-fit: contain;
      border-radius: 13px;
      background: #fff;
      box-shadow: 0 7px 20px rgba(0, 0, 0, .18);
    }
    .bp-brand__text { display: grid; line-height: 1.1; }
    .bp-brand__text strong { font-size: 22px; letter-spacing: -.5px; }
    .bp-brand__text span {
      margin-top: 5px;
      color: rgba(255, 255, 255, .72);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .bp-nav {
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .bp-nav a {
      padding: 10px 12px;
      color: rgba(255, 255, 255, .82);
      border-radius: 12px;
      font-size: 14px;
      font-weight: 700;
      text-decoration: none;
      transition: .2s ease;
    }
    .bp-nav a:hover,
    .bp-nav a:focus-visible {
      color: #fff;
      background: rgba(255, 255, 255, .12);
      outline: none;
    }
    .bp-nav .bp-nav__login {
      margin-left: 6px;
      color: var(--bp-wine);
      background: #fff;
    }
    .bp-menu-btn {
      display: none;
      width: 46px;
      height: 46px;
      padding: 0;
      color: #fff;
      border: 1px solid rgba(255,255,255,.22);
      border-radius: 14px;
      background: rgba(255,255,255,.08);
      cursor: pointer;
    }
    .bp-menu-btn svg { width: 23px; height: 23px; }

    /* Hero */
    .bp-hero {
      position: relative;
      min-height: 760px;
      isolation: isolate;
      overflow: hidden;
      color: #fff;
      background:
        radial-gradient(circle at 78% 24%, rgba(255, 189, 67, .18), transparent 22%),
        radial-gradient(circle at 88% 58%, rgba(234, 26, 78, .42), transparent 34%),
        radial-gradient(circle at 20% 100%, rgba(134, 13, 49, .68), transparent 38%),
        linear-gradient(135deg, #21020c 0%, #4d061a 46%, #9d1034 100%);
    }
    .bp-hero__shade {
      position: absolute;
      inset: 0;
      z-index: -2;
      background:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(26, 1, 9, .66) 0%, rgba(39, 2, 14, .26) 58%, rgba(39, 2, 14, .08) 100%);
      background-size: 44px 44px, 44px 44px, auto;
      pointer-events: none;
    }
    .bp-hero::before,
    .bp-hero::after {
      content: "";
      position: absolute;
      z-index: -1;
      border: 1px solid rgba(255, 255, 255, .09);
      border-radius: 50%;
      pointer-events: none;
    }
    .bp-hero::before {
      width: min(62vw, 820px);
      aspect-ratio: 1;
      right: -18vw;
      top: -42%;
      box-shadow:
        0 0 0 70px rgba(255,255,255,.018),
        0 0 0 140px rgba(255,255,255,.012);
    }
    .bp-hero::after {
      width: 240px;
      height: 240px;
      left: -110px;
      bottom: -110px;
      background: rgba(255,189,67,.035);
    }
    .bp-hero__glow {
      position: absolute;
      z-index: -1;
      width: 620px;
      aspect-ratio: 1;
      right: -240px;
      bottom: -360px;
      border-radius: 50%;
      background: rgba(255, 189, 67, .20);
      filter: blur(30px);
      pointer-events: none;
    }
    .bp-hero__inner {
      min-height: 760px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(400px, 510px);
      align-items: center;
      gap: clamp(34px, 6vw, 80px);
      padding-top: 124px;
      padding-bottom: 56px;
    }
    .bp-breadcrumb {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      margin: 0 0 22px;
      color: rgba(255,255,255,.65);
      font-size: 13px;
      font-weight: 700;
    }
    .bp-breadcrumb a { color: #fff; text-decoration: none; }
    .bp-eyebrow {
      width: fit-content;
      display: inline-flex;
      align-items: center;
      gap: 9px;
      margin-bottom: 20px;
      padding: 9px 13px;
      color: #fff4d8;
      border: 1px solid rgba(255, 189, 67, .34);
      border-radius: 999px;
      background: rgba(255, 189, 67, .10);
      font-size: 12px;
      font-weight: 900;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .bp-eyebrow::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--bp-gold);
      box-shadow: 0 0 0 6px rgba(255, 189, 67, .12);
    }
    .bp-hero h1 {
      max-width: 720px;
      margin: 0;
      font-size: clamp(44px, 5.6vw, 76px);
      line-height: .99;
      letter-spacing: -.055em;
    }
    .bp-hero h1 span {
      display: block;
      margin-top: 12px;
      color: var(--bp-gold);
    }
    .bp-hero__lead {
      max-width: 650px;
      margin: 24px 0 0;
      color: rgba(255, 255, 255, .80);
      font-size: clamp(17px, 1.45vw, 20px);
      line-height: 1.7;
    }
    .bp-trust-row {
      display: flex;
      flex-wrap: wrap;
      gap: 12px 20px;
      margin-top: 30px;
    }
    .bp-trust-item {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: rgba(255, 255, 255, .80);
      font-size: 13px;
      font-weight: 800;
    }
    .bp-trust-item svg {
      width: 19px;
      height: 19px;
      color: var(--bp-gold);
      flex: 0 0 auto;
    }

    /* Official account entry card */
    .bp-entry {
      position: relative;
      padding: 10px;
      border: 1px solid rgba(255, 255, 255, .25);
      border-radius: 34px;
      background: rgba(255,255,255,.12);
      box-shadow: 0 28px 90px rgba(0, 0, 0, .28);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
    }
    .bp-entry__inner {
      padding: clamp(24px, 3vw, 34px);
      color: var(--bp-ink);
      border-radius: 26px;
      background: rgba(255,255,255,.97);
    }
    .bp-entry__top {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 24px;
    }
    .bp-entry__logo {
      width: 58px;
      height: 58px;
      object-fit: contain;
      border-radius: 17px;
      box-shadow: 0 10px 25px rgba(158, 11, 45, .14);
    }
    .bp-entry__brand { min-width: 0; }
    .bp-entry__brand small {
      display: block;
      margin-bottom: 3px;
      color: var(--bp-red);
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .bp-entry__brand strong {
      display: block;
      font-size: 21px;
      line-height: 1.2;
      letter-spacing: -.02em;
    }
    .bp-entry__verified {
      margin-left: auto;
      width: 30px;
      height: 30px;
      display: grid;
      place-items: center;
      color: #fff;
      border-radius: 50%;
      background: var(--bp-green);
      flex: 0 0 auto;
    }
    .bp-entry__verified svg { width: 17px; height: 17px; }
    .bp-entry__title {
      margin: 0;
      font-size: clamp(27px, 3vw, 36px);
      line-height: 1.12;
      letter-spacing: -.045em;
    }
    .bp-entry__copy {
      margin: 12px 0 22px;
      color: var(--bp-muted);
      font-size: 15px;
      line-height: 1.65;
    }
    .bp-intent {
      display: grid;
      gap: 12px;
    }
    .bp-intent__label {
      display: flex;
      align-items: center;
      gap: 8px;
      color: var(--bp-muted);
      font-size: 12px;
      font-weight: 900;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .bp-intent__label::after {
      content: "";
      height: 1px;
      background: var(--bp-line);
      flex: 1;
    }
    .bp-button {
      min-height: 58px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 11px;
      padding: 14px 20px;
      border: 1px solid transparent;
      border-radius: 16px;
      font-size: 16px;
      font-weight: 900;
      line-height: 1.2;
      text-align: center;
      text-decoration: none;
      transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
    }
    .bp-button:hover { transform: translateY(-2px); }
    .bp-button:focus-visible {
      outline: 3px solid rgba(255, 189, 67, .55);
      outline-offset: 3px;
    }
    .bp-button svg { width: 21px; height: 21px; flex: 0 0 auto; }
    .bp-button--login {
      color: #fff;
      background: linear-gradient(135deg, var(--bp-red), var(--bp-red-dark));
      box-shadow: 0 14px 28px rgba(179, 19, 53, .24);
    }
    .bp-button--register {
      color: var(--bp-red-dark);
      border-color: #edcbd4;
      background: #fff6f8;
    }
    .bp-button--quiet {
      min-height: 48px;
      color: var(--bp-ink);
      border-color: var(--bp-line);
      background: #fff;
      font-size: 14px;
    }
    .bp-entry__divider {
      display: flex;
      align-items: center;
      gap: 12px;
      margin: 19px 0;
      color: #9a8d92;
      font-size: 11px;
      font-weight: 800;
      text-transform: uppercase;
    }
    .bp-entry__divider::before,
    .bp-entry__divider::after {
      content: "";
      height: 1px;
      background: var(--bp-line);
      flex: 1;
    }
    .bp-entry__links {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }
    .bp-entry__safety {
      display: flex;
      align-items: flex-start;
      gap: 9px;
      margin: 20px 0 0;
      padding-top: 18px;
      color: var(--bp-muted);
      border-top: 1px solid var(--bp-line);
      font-size: 12px;
      line-height: 1.55;
    }
    .bp-entry__safety svg {
      width: 18px;
      height: 18px;
      color: var(--bp-green);
      flex: 0 0 auto;
      margin-top: 1px;
    }

    /* Brand identity strip */
    .bp-identity {
      position: relative;
      z-index: 3;
      margin-top: -26px;
    }
    .bp-identity__inner {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      overflow: hidden;
      border: 1px solid var(--bp-line);
      border-radius: 22px;
      background: #fff;
      box-shadow: var(--bp-shadow);
    }
    .bp-identity__item {
      min-height: 104px;
      display: flex;
      align-items: center;
      gap: 13px;
      padding: 20px;
      border-right: 1px solid var(--bp-line);
    }
    .bp-identity__item:last-child { border-right: 0; }
    .bp-identity__icon {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      color: var(--bp-red);
      border-radius: 13px;
      background: var(--bp-soft);
      flex: 0 0 auto;
    }
    .bp-identity__icon svg { width: 22px; height: 22px; }
    .bp-identity__text { display: grid; line-height: 1.25; }
    .bp-identity__text strong { font-size: 14px; }
    .bp-identity__text span {
      margin-top: 5px;
      color: var(--bp-muted);
      font-size: 12px;
    }

    /* Main content */
    .bp-main { overflow: hidden; }
    .bp-section { padding: clamp(72px, 9vw, 116px) 0; }
    .bp-section--soft { background: var(--bp-soft); }
    .bp-section--compact { padding: 64px 0; }
    .bp-kicker {
      margin: 0 0 10px;
      color: var(--bp-red);
      font-size: 12px;
      font-weight: 900;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .bp-heading {
      max-width: 780px;
      margin: 0;
      font-size: clamp(34px, 4.3vw, 52px);
      line-height: 1.06;
      letter-spacing: -.045em;
    }
    .bp-section-lead {
      max-width: 760px;
      margin: 18px 0 0;
      color: var(--bp-muted);
      font-size: 17px;
    }
    .bp-choice-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
      margin-top: 42px;
    }
    .bp-choice {
      position: relative;
      padding: clamp(26px, 3vw, 38px);
      overflow: hidden;
      border: 1px solid var(--bp-line);
      border-radius: var(--bp-radius);
      background: #fff;
      box-shadow: 0 18px 50px rgba(55, 5, 21, .07);
    }
    .bp-choice::after {
      content: "";
      position: absolute;
      width: 160px;
      height: 160px;
      right: -70px;
      top: -70px;
      border-radius: 50%;
      background: var(--bp-soft);
    }
    .bp-choice__number {
      position: relative;
      z-index: 1;
      width: 46px;
      height: 46px;
      display: grid;
      place-items: center;
      margin-bottom: 24px;
      color: #fff;
      border-radius: 14px;
      background: var(--bp-red);
      font-weight: 900;
    }
    .bp-choice h3 {
      position: relative;
      z-index: 1;
      margin: 0;
      font-size: 25px;
      letter-spacing: -.03em;
    }
    .bp-choice p {
      position: relative;
      z-index: 1;
      margin: 12px 0 22px;
      color: var(--bp-muted);
    }
    .bp-choice .bp-button { position: relative; z-index: 1; }

    .bp-guide-grid {
      display: grid;
      grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
      gap: clamp(40px, 7vw, 84px);
      align-items: start;
    }
    .bp-sticky {
      position: sticky;
      top: 24px;
    }
    .bp-step-list {
      display: grid;
      gap: 16px;
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .bp-step {
      display: grid;
      grid-template-columns: 48px minmax(0, 1fr);
      gap: 18px;
      padding: 22px;
      border: 1px solid var(--bp-line);
      border-radius: 20px;
      background: #fff;
    }
    .bp-step__index {
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      color: var(--bp-red-dark);
      border-radius: 15px;
      background: #ffe9ee;
      font-size: 14px;
      font-weight: 900;
    }
    .bp-step h3 {
      margin: 0 0 6px;
      font-size: 18px;
      letter-spacing: -.02em;
    }
    .bp-step p { margin: 0; color: var(--bp-muted); font-size: 15px; }

    /* Support/search-intent cards */
    .bp-support-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
      margin-top: 38px;
    }
    .bp-support-card {
      min-height: 188px;
      display: flex;
      flex-direction: column;
      padding: 24px;
      color: var(--bp-ink);
      border: 1px solid var(--bp-line);
      border-radius: 22px;
      background: #fff;
      text-decoration: none;
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .bp-support-card:hover {
      transform: translateY(-4px);
      border-color: #dc9cac;
      box-shadow: 0 18px 46px rgba(55,5,21,.08);
    }
    .bp-support-card__icon {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      margin-bottom: 20px;
      color: var(--bp-red);
      border-radius: 13px;
      background: var(--bp-soft);
    }
    .bp-support-card__icon svg { width: 22px; height: 22px; }
    .bp-support-card strong { font-size: 17px; line-height: 1.35; }
    .bp-support-card span {
      margin-top: 8px;
      color: var(--bp-muted);
      font-size: 13px;
      line-height: 1.5;
    }
    .bp-support-card em {
      margin-top: auto;
      padding-top: 16px;
      color: var(--bp-red);
      font-size: 13px;
      font-style: normal;
      font-weight: 900;
    }

    /* Security */
    .bp-security {
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
      gap: 34px;
      padding: clamp(30px, 5vw, 58px);
      color: #fff;
      border-radius: 34px;
      background:
        radial-gradient(circle at 92% 18%, rgba(255,189,67,.24), transparent 26%),
        linear-gradient(135deg, var(--bp-wine), #7e0c2c);
      box-shadow: var(--bp-shadow);
    }
    .bp-security h2 {
      max-width: 700px;
      margin: 0;
      font-size: clamp(32px, 4vw, 49px);
      line-height: 1.08;
      letter-spacing: -.04em;
    }
    .bp-security p {
      max-width: 700px;
      color: rgba(255,255,255,.74);
    }
    .bp-security__checks {
      display: grid;
      align-content: center;
      gap: 12px;
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .bp-security__checks li {
      display: flex;
      align-items: flex-start;
      gap: 11px;
      padding: 14px 16px;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 15px;
      background: rgba(255,255,255,.07);
      color: rgba(255,255,255,.86);
      font-size: 14px;
      font-weight: 700;
    }
    .bp-security__checks svg {
      width: 19px;
      height: 19px;
      color: var(--bp-gold);
      flex: 0 0 auto;
      margin-top: 2px;
    }

    /* FAQ */
    .bp-faq {
      max-width: 900px;
      margin: 40px auto 0;
      border-top: 1px solid var(--bp-line);
    }
    .bp-faq details { border-bottom: 1px solid var(--bp-line); }
    .bp-faq summary {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      padding: 24px 4px;
      cursor: pointer;
      font-size: 18px;
      font-weight: 850;
      line-height: 1.4;
      list-style: none;
    }
    .bp-faq summary::-webkit-details-marker { display: none; }
    .bp-faq summary::after {
      content: "+";
      width: 32px;
      height: 32px;
      display: grid;
      place-items: center;
      color: var(--bp-red);
      border-radius: 50%;
      background: var(--bp-soft);
      font-size: 22px;
      font-weight: 500;
      flex: 0 0 auto;
    }
    .bp-faq details[open] summary::after { content: "−"; }
    .bp-faq__answer {
      max-width: 800px;
      padding: 0 48px 24px 4px;
      color: var(--bp-muted);
      font-size: 15px;
    }
    .bp-faq__answer p { margin: 0; }

    /* Final CTA */
    .bp-final {
      text-align: center;
      background:
        radial-gradient(circle at 50% 0%, rgba(215,20,69,.10), transparent 44%),
        #fff;
    }
    .bp-final .bp-heading { margin-inline: auto; }
    .bp-final .bp-section-lead { margin-inline: auto; }
    .bp-final__actions {
      display: flex;
      justify-content: center;
      gap: 12px;
      margin-top: 30px;
    }

    /* Footer */
    .bp-footer {
      padding: 40px 0 calc(40px + env(safe-area-inset-bottom));
      color: rgba(255,255,255,.72);
      background: #25030e;
    }
    .bp-footer__top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 30px;
      padding-bottom: 28px;
      border-bottom: 1px solid rgba(255,255,255,.10);
    }
    .bp-footer__links {
      display: flex;
      flex-wrap: wrap;
      gap: 8px 22px;
    }
    .bp-footer__links a {
      color: rgba(255,255,255,.72);
      font-size: 13px;
      font-weight: 700;
      text-decoration: none;
    }
    .bp-footer__links a:hover { color: #fff; }
    .bp-footer__legal {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 24px;
      align-items: end;
      padding-top: 26px;
      font-size: 12px;
      line-height: 1.7;
    }
    .bp-footer__legal p { max-width: 820px; margin: 0; }
    .bp-age {
      width: 52px;
      height: 52px;
      display: grid;
      place-items: center;
      color: #fff;
      border: 2px solid rgba(255,255,255,.5);
      border-radius: 50%;
      font-size: 15px;
      font-weight: 900;
    }

    /* H5 sticky conversion bar */
    .bp-mobile-bar { display: none; }

    /* Responsive */
    @media (max-width: 1020px) {
      .bp-nav a:not(.bp-nav__login) { display: none; }
      .bp-menu-btn { display: grid; place-items: center; }
      .bp-nav {
        display: none;
        position: absolute;
        top: calc(100% + 8px);
        right: 20px;
        left: 20px;
        padding: 12px;
        border: 1px solid rgba(255,255,255,.20);
        border-radius: 18px;
        background: rgba(35,3,13,.96);
        box-shadow: 0 20px 50px rgba(0,0,0,.24);
      }
      .bp-nav.is-open { display: grid; }
      .bp-nav a,
      .bp-nav a:not(.bp-nav__login) {
        display: block;
        padding: 13px 14px;
      }
      .bp-nav .bp-nav__login { margin-left: 0; text-align: center; }
      .bp-hero__inner {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 450px);
        gap: 34px;
      }
      .bp-identity__inner { grid-template-columns: repeat(2, 1fr); }
      .bp-identity__item:nth-child(2) { border-right: 0; }
      .bp-identity__item:nth-child(-n+2) { border-bottom: 1px solid var(--bp-line); }
      .bp-support-grid { grid-template-columns: repeat(2, 1fr); }
    }

    @media (max-width: 820px) {
      .bp-shell { width: min(calc(100% - 28px), var(--bp-shell)); }
      .bp-header__inner { min-height: 68px; padding: 9px 11px; border-radius: 18px; }
      .bp-brand img { width: 44px; height: 44px; }
      .bp-brand__text strong { font-size: 19px; }
      .bp-brand__text span { display: none; }
      .bp-hero { min-height: auto; }
      .bp-hero__shade {
        background:
          linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
          linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px),
          linear-gradient(180deg, rgba(31,1,10,.18), rgba(31,1,10,.48));
        background-size: 36px 36px, 36px 36px, auto;
      }
      .bp-hero__inner {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 34px;
        padding-top: 108px;
        padding-bottom: 62px;
      }
      .bp-hero__copy { text-align: center; }
      .bp-breadcrumb { justify-content: center; margin-bottom: 16px; }
      .bp-eyebrow { margin-inline: auto; }
      .bp-hero h1 { margin-inline: auto; font-size: clamp(39px, 11vw, 62px); }
      .bp-hero__lead { margin-inline: auto; }
      .bp-trust-row { justify-content: center; }
      .bp-entry { width: min(100%, 540px); margin-inline: auto; }
      .bp-choice-grid,
      .bp-guide-grid,
      .bp-security { grid-template-columns: 1fr; }
      .bp-sticky { position: static; }
      .bp-support-grid { grid-template-columns: repeat(2, 1fr); }
      .bp-security__checks { margin-top: 8px; }
    }

    @media (max-width: 580px) {
      body { padding-bottom: calc(74px + env(safe-area-inset-bottom)); }
      .bp-shell { width: min(calc(100% - 22px), var(--bp-shell)); }
      .bp-header { padding-top: max(8px, env(safe-area-inset-top)); }
      .bp-header__inner { min-height: 62px; }
      .bp-brand img { width: 40px; height: 40px; border-radius: 11px; }
      .bp-menu-btn { width: 42px; height: 42px; }
      .bp-hero__inner { padding-top: 91px; padding-bottom: 48px; gap: 28px; }
      .bp-breadcrumb { display: none; }
      .bp-eyebrow {
        margin-bottom: 15px;
        padding: 8px 11px;
        font-size: 10px;
      }
      .bp-hero h1 { font-size: clamp(36px, 11.8vw, 50px); line-height: 1.02; }
      .bp-hero h1 span { margin-top: 8px; }
      .bp-hero__lead { margin-top: 17px; font-size: 15px; line-height: 1.65; }
      .bp-trust-row { gap: 9px 14px; margin-top: 22px; }
      .bp-trust-item { font-size: 11px; }
      .bp-entry { padding: 6px; border-radius: 27px; }
      .bp-entry__inner { padding: 21px 18px; border-radius: 21px; }
      .bp-entry__top { margin-bottom: 18px; }
      .bp-entry__logo { width: 50px; height: 50px; border-radius: 14px; }
      .bp-entry__brand strong { font-size: 18px; }
      .bp-entry__verified { width: 27px; height: 27px; }
      .bp-entry__title { font-size: 28px; }
      .bp-entry__copy { margin: 9px 0 18px; font-size: 14px; }
      .bp-button { min-height: 54px; padding-inline: 15px; font-size: 15px; border-radius: 14px; }
      .bp-entry__links { grid-template-columns: 1fr; }
      .bp-entry__safety { margin-top: 16px; padding-top: 15px; }
      .bp-identity { margin-top: 0; padding-top: 18px; }
      .bp-identity__inner { grid-template-columns: 1fr 1fr; border-radius: 18px; }
      .bp-identity__item {
        min-height: 102px;
        display: grid;
        align-content: center;
        gap: 8px;
        padding: 15px;
      }
      .bp-identity__icon { width: 36px; height: 36px; border-radius: 11px; }
      .bp-identity__text strong { font-size: 13px; }
      .bp-identity__text span { font-size: 10px; }
      .bp-section { padding: 72px 0; }
      .bp-section--compact { padding: 52px 0; }
      .bp-heading { font-size: 34px; }
      .bp-section-lead { font-size: 15px; }
      .bp-choice-grid { grid-template-columns: 1fr; gap: 16px; margin-top: 30px; }
      .bp-choice { padding: 24px; border-radius: 22px; }
      .bp-choice h3 { font-size: 22px; }
      .bp-step { grid-template-columns: 40px minmax(0, 1fr); gap: 13px; padding: 18px; }
      .bp-step__index { width: 40px; height: 40px; border-radius: 12px; }
      .bp-support-grid { grid-template-columns: 1fr; margin-top: 30px; }
      .bp-support-card { min-height: 166px; }
      .bp-security { padding: 28px 20px; border-radius: 25px; }
      .bp-security h2 { font-size: 32px; }
      .bp-faq summary { padding: 20px 2px; font-size: 16px; }
      .bp-faq__answer { padding: 0 36px 20px 2px; }
      .bp-final__actions { display: grid; }
      .bp-footer__top,
      .bp-footer__legal { grid-template-columns: 1fr; display: grid; }
      .bp-footer__top { align-items: start; }
      .bp-age { order: -1; }
      .bp-mobile-bar {
        position: fixed;
        z-index: 100;
        right: 0;
        bottom: 0;
        left: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        padding: 9px max(10px, env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));
        border-top: 1px solid rgba(255,255,255,.16);
        background: rgba(35,3,13,.94);
        box-shadow: 0 -12px 35px rgba(0,0,0,.18);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
      }
      .bp-mobile-bar a {
        min-height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 10px 12px;
        border-radius: 13px;
        font-size: 14px;
        font-weight: 900;
        text-decoration: none;
      }
      .bp-mobile-bar__login { color: var(--bp-red-dark); background: #fff; }
      .bp-mobile-bar__register { color: #fff; background: var(--bp-red); }
    }

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