.checkout-auth-page {
      --navy:#061b3a;
      --ink:#17233a;
      --muted:#667085;
      --line:#dfe4ec;
      --page:#f4f6fa;
      --orange:#ff3d12;
      --orange-dark:#e82e06;
      --purple:#383292;
      --green:#138a60;
      --green-soft:#e9f8f1;
      --blue-soft:#eef3ff;
      --focus:rgba(255,61,18,.20);
      --shadow:0 14px 36px rgba(26,34,65,.10);
    }
    .checkout-auth-page,.checkout-auth-page * { box-sizing:border-box; }
    .checkout-auth-page {
      width:100%;
      margin:0;
      color:var(--ink);
      background:var(--page);
      font-size:16px;
      line-height:1.45;
      -webkit-font-smoothing:antialiased;
    }
    .checkout-auth-page a { color:#345dce; text-decoration:none; }
    .checkout-auth-page a:hover { text-decoration:underline; }
    .checkout-auth-page button,.checkout-auth-page input { font:inherit; }

    .trustbar { color:#fff; background:var(--navy); font-size:13px; font-weight:650; }
    .checkout-auth-page .page {
      width:min(1180px,calc(100% - 40px));
      margin:0 auto;
    }
    .trustbar__inner {
      min-height:40px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
    }
    .trustbar__status { display:flex; align-items:center; gap:8px; }
    .trustbar__status::before {
      content:"✓";
      display:grid;
      width:18px;
      height:18px;
      place-items:center;
      border-radius:50%;
      color:#092547;
      background:#fff;
      font-size:11px;
      font-weight:900;
    }
    .trustbar__links { display:flex; align-items:center; gap:22px; }
    .trustbar__links a { color:#fff; }

    .site-header { border-bottom:1px solid var(--line); background:#fff; }
    .header__inner {
      min-height:76px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
    }
    .brand {
      display:inline-flex;
      align-items:center;
      gap:10px;
      color:#111827;
      font-size:29px;
      font-weight:900;
      letter-spacing:-1.8px;
    }
    .brand:hover { text-decoration:none; }
    .brand__mark {
      position:relative;
      width:27px;
      height:27px;
      border:7px solid var(--orange);
      border-right-color:transparent;
      border-radius:50%;
      transform:rotate(-24deg);
    }
    .brand__mark::after {
      content:"";
      position:absolute;
      right:-6px;
      top:-6px;
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--orange);
    }
    .brand span:last-child { color:var(--orange); }
    .back-link {
      display:inline-flex;
      min-height:42px;
      align-items:center;
      gap:8px;
      padding:0 16px;
      border:1px solid var(--line);
      border-radius:999px;
      color:var(--ink);
      background:#fff;
      font-size:14px;
      font-weight:750;
    }
    .back-link:hover { border-color:#aeb7c7; text-decoration:none; }

    .page { padding:42px 0 62px; }
    .checkout-auth-page .progress {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      width:min(650px,100%);
      margin:0 auto 32px;
      padding:0;
      list-style:none;
    }
    .checkout-auth-page .progress li {
      position:relative;
      z-index:0;
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:7px;
      color:#7d8798;
      font-size:13px;
      font-weight:700;
      line-height:1.3;
      text-align:center;
    }
    .checkout-auth-page .progress li::after {
      content:"";
      position:absolute;
      z-index:-1;
      top:15px;
      left:calc(50% + 16px);
      width:calc(100% - 32px);
      height:2px;
      background:#d7dde6;
    }
    .checkout-auth-page .progress li:last-child::after { display:none; }
    .checkout-auth-page .progress__number {
      position:relative;
      z-index:1;
      display:grid;
      width:32px;
      height:32px;
      place-items:center;
      flex:0 0 auto;
      border:2px solid #cbd3de;
      border-radius:50%;
      color:#6b7587;
      background:var(--page);
    }
    .checkout-auth-page .progress li > span:last-child { display:block; }
    .checkout-auth-page .progress .complete { color:#41506a; }
    .checkout-auth-page .progress .complete .progress__number {
      border-color:var(--green);
      color:#fff;
      background:var(--green);
    }
    .checkout-auth-page .progress .active { color:var(--ink); }
    .checkout-auth-page .progress .active .progress__number {
      border-color:var(--orange);
      color:var(--orange);
      background:#fff;
      box-shadow:0 0 0 5px var(--focus);
    }

    .checkout-grid {
      width:min(680px,100%);
      margin:0 auto;
    }
    .auth-card {
      border:1px solid #dce2eb;
      border-radius:16px;
      background:#fff;
      box-shadow:var(--shadow);
    }

    .auth-card { padding:30px; }
    .tabs {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:5px;
      margin-bottom:26px;
      padding:5px;
      border-radius:12px;
      background:#eef1f5;
    }
    .tab {
      min-height:45px;
      border:0;
      border-radius:9px;
      color:#647084;
      background:transparent;
      font-weight:800 !important;
      cursor:pointer;
    }
    .tab:hover { color:#000; }
    .tab[aria-selected="true"] {
      color:var(--ink);
      background:#fff;
      box-shadow:0 3px 10px rgba(26,34,65,.10);
    }
    .auth-pane[hidden] { display:none; }
    .auth-pane h2 { margin:0; font-size:24px; font-weight:800; letter-spacing:-.4px; text-align:left; }
    .pane-intro { margin:8px 0 23px; color:var(--muted); font-size:14px; }
    .field-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
    .field { margin-bottom:16px; }
    .checkout-auth-page label { display:block; margin-bottom:7px; color:#27344b; font-size:13px; font-weight:750; }
    .input-wrap { position:relative; }
    .checkout-auth-page input[type="text"],.checkout-auth-page input[type="email"],.checkout-auth-page input[type="password"] {
      width:100%;
      height:49px;
      border:1px solid #cfd6e1;
      border-radius:10px;
      padding:0 14px;
      color:var(--ink);
      background:#fff;
      outline:none;
      transition:border-color .16s ease,box-shadow .16s ease;
    }
    .checkout-auth-page input::placeholder { color:#98a2b3; }
    .checkout-auth-page input:focus { border-color:var(--orange); box-shadow:0 0 0 4px var(--focus); }
    .has-toggle { padding-right:54px !important; }
    .password-toggle {
      position:absolute;
      top:50%;
      right:7px;
      width:42px;
      height:35px;
      border:0;
      border-radius:8px;
      transform:translateY(-50%);
      color:#667085;
      background:transparent;
      font-size:12px;
      font-weight:750;
      cursor:pointer;
    }
    .password-toggle .iconfont { font-size:19px; }
    .password-toggle[aria-pressed="true"]::after {
      content:"";
      position:absolute;
      top:17px;
      left:11px;
      width:20px;
      height:2px;
      border-radius:2px;
      background:currentColor;
      transform:rotate(-45deg);
    }
    .password-toggle:hover { background:#f1f3f7; }
    .helper { margin:7px 0 0; color:#7b8496; font-size:12px; }
    .terms {
      display:flex;
      align-items:flex-start;
      gap:10px;
      margin:2px 0 20px;
      color:#596579;
      font-size:12px;
    }
    .terms input { width:17px; height:17px; margin:1px 0 0; accent-color:var(--orange); flex:0 0 auto; }
    .terms label { margin:0; color:#596579; font-weight:500; }
    .primary-btn {
      width:100%;
      min-height:52px;
      border:0;
      border-radius:999px;
      color:#fff;
      background:var(--orange);
      box-shadow:0 10px 22px rgba(255,61,18,.20);
      font-weight:800;
      cursor:pointer;
      transition:transform .16s ease,background .16s ease,box-shadow .16s ease;
    }
    .primary-btn:hover { color:#fff !important; background:var(--orange-dark); transform:translateY(-1px); box-shadow:0 13px 26px rgba(255,61,18,.25); }
    .form-meta { display:flex; justify-content:flex-end; margin:-2px 0 18px; font-size:13px; font-weight:750; }
    .preview-status {
      display:none;
      margin:14px 0 0;
      padding:10px 12px;
      border-radius:9px;
      color:#176348;
      background:var(--green-soft);
      font-size:13px;
      text-align:center;
    }
    .preview-status.is-visible { display:block; }

    .checkout-auth-page footer { border-top:1px solid var(--line); background:#fff; }
    .footer__inner {
      min-height:74px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
      color:#7b8496;
      font-size:12px;
    }
    .footer__links { display:flex; flex-wrap:wrap; gap:18px; }
    .footer__links a { color:#596579; }

    @media (min-width:901px) {
      .page { padding:22px 0 28px; }
      .checkout-auth-page .progress { margin-bottom:18px; }

      .auth-card { padding:20px 24px; }
      .tabs { margin-bottom:14px; padding:4px; }
      .tab { min-height:39px; }
      .auth-pane h2 { font-size:21px; }
      .pane-intro { margin:4px 0 12px; }
      .field { margin-bottom:10px; }
      .checkout-auth-page label { margin-bottom:4px; }
      .checkout-auth-page input[type="text"],
      .checkout-auth-page input[type="email"],
      .checkout-auth-page input[type="password"] { height:44px; }
      .helper { margin-top:5px; }
      .terms { margin:0 0 10px; }
      .primary-btn { min-height:46px; }
    }

    @media (max-width:900px) {
      .checkout-grid { width:min(650px,100%); }
    }
    @media (max-width:600px) {
      .checkout-auth-page .page { width:min(100% - 28px,1180px); }
      .trustbar__status span { display:none; }
      .trustbar__links a:first-child { display:none; }
      .trustbar__links { gap:13px; }
      .header__inner { min-height:68px; }
      .brand { font-size:25px; }
      .brand__mark { width:24px; height:24px; border-width:6px; }
      .back-link { min-height:38px; padding:0 13px; }
      .page { padding:26px 0 38px; }
      .checkout-auth-page .progress { margin-bottom:25px; }
      .checkout-auth-page .progress li { gap:6px; font-size:11px; }
      .checkout-auth-page .progress li::after { top:13px; left:calc(50% + 14px); width:calc(100% - 28px); }
      .checkout-auth-page .progress__number { width:28px; height:28px; }
      .auth-card { padding:22px; border-radius:14px; }
      .field-row { grid-template-columns:1fr; gap:0; }
      .footer__inner { min-height:100px; align-items:flex-start; flex-direction:column; justify-content:center; gap:10px; }
    }
  
    .form-error { display:block; margin:5px 0 0; color:#d92d20; font-size:12px; }
    .form-error:empty { display:none; }
    .form-error .wInfo { position:static; margin:0; color:#d92d20; }
    .form-error .rInfo { display:none; }
    .login-error { margin:0 0 18px; padding:11px 13px; border:1px solid #f3b8b2; border-radius:9px; color:#b42318; background:#fff1f0; font-size:13px; font-weight:650; }
    .code-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; }
    .code-row img { width:auto; height:38px; border:1px solid var(--line); border-radius:6px; cursor:pointer; }
    .mark { display:none; }
    .rcheck { width:fit-content !important; }