*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
      :root {
        --amber:         #E8A020;
        --amber-deep:    #C06010;
        --amber-light:   #F5C84A;
        --graphite:      #1C1C1E;
        --graphite-mid:  #2A2A2C;
        --graphite-light:#3A3A3C;
        --text-on-dark:  #F0EBE0;
        --text-muted:    rgba(240,235,224,0.5);
        --text-faint:    rgba(240,235,224,0.3);
        --card-bg:       rgba(255,255,255,0.04);
        --card-border:   rgba(232,160,32,0.12);
        --sans: 'Outfit', Arial, sans-serif;
        --mono: 'DM Mono', monospace;
      }
      html, body {
        min-height: 100vh;
        background: var(--graphite);
        color: var(--text-on-dark);
        font-family: var(--sans);
        font-size: 16px;
        -webkit-font-smoothing: antialiased;
      }
      body {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding: 32px 16px 64px;
        background:
          radial-gradient(ellipse 70% 40% at 50% -5%, rgba(232,160,32,0.10) 0%, transparent 60%),
          var(--graphite);
      }
      .wrap { width: 100%; max-width: 520px; display: flex; flex-direction: column; gap: 20px; }
      .page-header { display: flex; flex-direction: column; gap: 4px; }
      .page-header .brand {
        display: flex; align-items: center; gap: 8px;
        font-size: 12px; font-weight: 600;
        color: var(--amber); letter-spacing: 0.06em; text-transform: uppercase;
      }
      .page-header h1 { font-size: 22px; font-weight: 600; color: var(--text-on-dark); line-height: 1.2; }
      .page-header p  { font-size: 13px; color: var(--text-muted); }
      .card {
        background: var(--card-bg);
        border: 1px solid var(--card-border);
        border-radius: 18px;
        padding: 24px;
      }
      .fields-grid { display: flex; flex-direction: column; gap: 16px; }
      .field { display: flex; flex-direction: column; gap: 6px; }
      .field label {
        font-size: 11px; font-weight: 600; letter-spacing: 0.07em;
        text-transform: uppercase; color: var(--text-muted);
      }
      .field input {
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(232,160,32,0.15);
        border-radius: 12px;
        padding: 10px 14px;
        font-size: 14px; font-family: var(--sans);
        color: var(--text-on-dark);
        outline: none;
        transition: border-color 0.15s;
        width: 100%;
        -moz-appearance: textfield;
      }
      .field input::-webkit-outer-spin-button,
      .field input::-webkit-inner-spin-button { -webkit-appearance: none; }
      .field input:focus { border-color: var(--amber); }
      .field input::placeholder { color: rgba(240,235,224,0.25); }
      .field .hint { font-size: 11px; color: var(--text-faint); }
      .amount-badge {
        display: flex; align-items: center; justify-content: space-between;
        background: rgba(0,0,0,0.2); border-radius: 12px; padding: 12px 16px;
      }
      .amount-badge .lbl { font-size: 12px; color: var(--text-muted); }
      .amount-badge .val { font-size: 22px; font-weight: 700; color: var(--amber); font-family: var(--mono); }
      .btn {
        width: 100%; background: var(--amber); color: var(--graphite);
        border: none; border-radius: 12px; padding: 14px 20px;
        font-size: 14px; font-weight: 700; font-family: var(--sans);
        cursor: pointer;
        display: flex; align-items: center; justify-content: center; gap: 8px;
        transition: background 0.15s, transform 0.1s;
      }
      .btn:hover:not(:disabled) { background: var(--amber-light); transform: translateY(-1px); }
      .btn:disabled { opacity: 0.55; cursor: not-allowed; transform: none; }
      .btn.secondary {
        background: transparent; color: var(--text-muted);
        border: 1px solid rgba(255,255,255,0.08); font-weight: 500;
      }
      .btn.secondary:hover:not(:disabled) { background: rgba(255,255,255,0.04); color: var(--text-on-dark); }
      .alert {
        display: none; border-radius: 12px; padding: 12px 14px;
        font-size: 13px; line-height: 1.5;
        align-items: flex-start; gap: 8px;
      }
      .alert.active { display: flex; }
      .alert.error   { background: rgba(239,68,68,0.08); border: 1px solid rgba(239,68,68,0.2); color: #f87171; }
      .alert.success { background: rgba(34,197,94,0.08); border: 1px solid rgba(34,197,94,0.2); color: #4ade80; }
      .alert svg { flex-shrink: 0; margin-top: 1px; }
      #loadingSection {
        display: none; flex-direction: column;
        align-items: center; gap: 16px;
        padding: 40px 24px; text-align: center;
      }
      #loadingSection.active { display: flex; }
      .spinner-ring {
        width: 48px; height: 48px; border-radius: 50%;
        border: 3px solid rgba(232,160,32,0.15);
        border-top-color: var(--amber);
        animation: spin 0.9s linear infinite;
      }
      @keyframes spin { to { transform: rotate(360deg); } }
      #loadingSection p { font-size: 13px; color: var(--text-muted); }
      #paymentFormContainer { display: none; }
      #paymentFormContainer.active { display: block; }
      .widget-header {
        display: flex; align-items: center; justify-content: space-between;
        padding-bottom: 16px; margin-bottom: 16px;
        border-bottom: 1px solid rgba(255,255,255,0.06);
      }
      .widget-header .title { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; }
      .widget-header .amount-pill {
        font-family: var(--mono); font-size: 12px;
        color: var(--text-muted); padding: 4px 10px;
        background: rgba(0,0,0,0.2); border-radius: 100px;
      }
      .widget-white-box {
        background: #fff; border-radius: 12px;
        overflow: hidden; min-height: 280px;
      }
      #sibsWidgetContainer { width: 100%; }
      .result-icon {
        width: 56px; height: 56px; border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
        margin: 0 auto 16px;
      }
      .result-icon.ok  { background: rgba(34,197,94,0.10); border: 1px solid rgba(34,197,94,0.3); }
      .result-icon.err { background: rgba(239,68,68,0.08); border: 1px solid rgba(239,68,68,0.2); }
      .result-title { font-size: 18px; font-weight: 600; text-align: center; margin-bottom: 6px; }
      .result-sub   { font-size: 13px; color: var(--text-muted); text-align: center; margin-bottom: 20px; }
      .info-box {
        display: flex; align-items: flex-start; gap: 10px;
        background: rgba(59,130,246,0.07); border: 1px solid rgba(59,130,246,0.18);
        border-radius: 12px; padding: 12px 14px;
        font-size: 12px; color: rgba(240,235,224,0.6); line-height: 1.6;
        margin-bottom: 16px;
      }
      .info-box svg { flex-shrink: 0; margin-top: 1px; }
      .test-cards { display: grid; gap: 5px; margin-top: 6px; }
      .test-card-row { display: flex; align-items: center; gap: 8px; font-family: var(--mono); font-size: 11px; }
      .test-card-row .badge {
        padding: 2px 7px; border-radius: 6px; font-size: 10px; font-weight: 600; font-family: var(--sans);
      }
      .badge.ok   { background: rgba(34,197,94,0.12); color: #4ade80; }
      .badge.fail { background: rgba(239,68,68,0.10); color: #f87171; }
      .badge.warn { background: rgba(234,179,8,0.10);  color: #facc15; }
      .divider { height: 1px; background: rgba(255,255,255,0.06); margin: 16px 0; }
      .page-footer { text-align: center; font-size: 11px; color: var(--text-faint); }
      .page-footer span { color: var(--amber); }
      .hidden { display: none !important; }
    
.inline-59d155a9f443{margin-top:4px;font-size:11px;color:rgba(240,235,224,0.35)}
.inline-b6d781cbbc10{margin-top:12px;}