:root{
    --text:#fff;
      --muted:rgba(255,255,255,.6);
      --muted2:rgba(255,255,255,.45);
      --card-bg:rgba(17,17,17,.6);
      --card-br:rgba(255,255,255,.1);
      --tile-bg:rgba(255,255,255,.04);
      --tile-hover:rgba(255,255,255,.07);
      --acc-weak:rgba(234,179,8,.1);
      --shadow:0 20px 40px rgba(0,0,0,.4)
    }

    *{box-sizing:border-box}
    


    .header-steam {
      display: flex;
      align-items: center;
      margin-bottom: 10px;
    }

    .steam-icon{display:grid;place-items:center;border-radius:999px;padding-left: 5px;color: var(--header-text);}
    .steam-icons{font-size: 16px;padding-left: 10px;color: var(--header-text);}

    .ui-card{border-radius: 15px;padding:1rem;backdrop-filter:saturate(140%) blur(2px);background-color: var(--server-item-bg);border: 1px solid var(--server-item-border);box-shadow: 0 1px 15px rgba(0, 0, 0, 0.05);}
    .section{display:flex;flex-direction:column;gap:1.25rem}
    .ui-label{margin-bottom:.4rem;color: var(--nav-link-color);font-size: 15px;font-weight: 500;}

    .ui-input{height: 50px;width:100%;border-radius: 15px;padding:0 1rem;color:#fff;outline:none;transition:border .18s,box-shadow .18s;background: var(--server-button-bg);border: 1px solid var(--form-input-border);color: var(--form-input-text);display: inline-flex;align-items: center;justify-content: center;font: 600 15px / 1 Inter, Montserrat;}
    .ui-input:focus{border-color:rgba(255,255,255,.2);box-shadow:0 0 0 3px var(--form-input-border)}
    .pr-gap{padding-right:7rem}
    .relative{position:relative}
    .link-btn{position:absolute;inset-block:4px;right: 8px;gap:.25rem;border-radius: 8px;padding: 10px .75rem;background: rgba(255, 255, 255, .05);color: var(--nav-link-color);height: 32px;display: inline-flex;align-items: center;justify-content: center;margin: auto;font: 500 14px / 1 Inter, Montserrat;background-color: var(--balance-button-hover);border: 1px solid var(--form-input-border);}
    .link-btn:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2)}

    .row-hint{display:flex;align-items:center;justify-content:space-between;}
    .hint{font-size:.7rem;color:rgba(255,255,255,.4)}

    .two-col{display:grid;grid-template-columns:1fr;gap:1.25rem}
    @media(min-width:768px){.two-col{grid-template-columns:1fr 1fr}}

    .ui-credit{display:flex;align-items:center;height: 50px;border-radius: 15px;border:1px solid var(--card-br);padding: 0 8px 0 1rem;background: var(--server-button-bg);}
    .ui-credit__icon{display:flex;align-items:center;justify-content:center;margin-right:.75rem;width: 30px;height: 30px;border-radius:999px;color:#111;padding-left: 5px;background: linear-gradient(70deg, #0ba6cd, #040c5f);}
    .ui-credit__icon i{font-size:18px;color: #ffffff;}
    .credit-text{display:flex;align-items:baseline;gap:.5rem;min-width:0;flex:1}
    .credit-sum{font-size: 16px;font-weight: 700;color: var(--header-text);}
    .credit-sub{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: var(--nav-link-color);}
    .qmark{margin-left: 2px;width: 32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.05);font: 500 14px / 1 Inter, Montserrat;color: var(--nav-link-color);background-color: var(--balance-button-hover);border: 1px solid var(--form-input-border);}
    .qmark:hover{background:rgba(255,255,255,.1)}

    .preset-row{display:flex;flex-wrap:wrap;gap:.5rem}
    .ui-preset{border-radius: 14px;padding: 12px 13px 10px 13px;transition:background .18s,border .18s;background: var(--server-button-bg);color: var(--nav-link-color);font: 500 15px / 1 Inter, Montserrat;border: 1px solid var(--form-input-border);}
    .ui-preset:hover{background-color: var(--balance-button-hover);border-color:rgba(255,255,255,.2)}
    .ui-preset--active{background:var(--acc-weak);background-color: var(--balance-button-hover);border: 1px solid var(--form-input-border);border-color: rgba(255, 255, 255, .2);color: var(--nav-link-color);}
    .error{margin-top:.5rem;color:#fca5a5}

    .pay-grid{display:grid;grid-template-columns:1fr;gap:.75rem}
    @media(min-width:640px){.pay-grid{grid-template-columns:repeat(2,1fr)}}
    @media(min-width:1024px){.pay-grid{grid-template-columns:repeat(4,1fr)}}

    .ui-tile{gap:.75rem;border-radius: 15px;padding:1rem;text-align:left;transition:background .18s,border .18s;background: var(--server-button-bg);border: 1px solid var(--form-input-border);color: var(--form-input-text);display: inline-flex;align-items: center;font: 500 15px / 1 Inter, Montserrat;}
    .ui-tile:hover{ background-color: var(--balance-button-hover);border-color:rgba(255,255,255,.2)}
    .ui-tile--selected{background-color: var(--balance-button-hover);border: 1px solid var(--form-input-border);border-color: rgba(255,255,255,.2);}
    .ui-tile--disabled{opacity:.55;filter:grayscale(1);pointer-events:none}
    .ui-tile__title{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: var(--header-text);}
    .ui-tile__subtitle{color: rgb(176 176 176);font-size:.78rem}
    .select-badge{margin-left:auto;border:1px solid rgba(234,179,8,.5);padding: .5rem .5rem;border-radius:999px;font-size:.74rem;color: #000000;background: #fcd535;}

    .tooltip{position:relative;display:inline-block}
    .ui-tooltip-panel{pointer-events:none;position:absolute;right:0;top:0;transform:translateY(-125%);width:min(90vw,620px);border:1px solid var(--card-br);background:rgba(17,17,17,.95);border-radius:16px;padding:.75rem 1rem;color:rgba(255,255,255,.9);line-height:1.5;box-shadow:0 30px 60px rgba(0,0,0,.6);backdrop-filter:blur(4px)}
    .ui-tooltip-arrow{pointer-events:none;position:absolute;right:1.5rem;bottom:-8px;width:16px;height:16px;transform:rotate(45deg);background:rgba(17,17,17,.95);border-bottom:1px solid var(--card-br);border-right:1px solid var(--card-br);border-radius:2px}

    .ui-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center}
    .ui-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7)}
    .ui-modal__panel{position:relative;z-index:1;width:min(920px,92vw);background:#111;border-radius:16px;padding:1rem;box-shadow:0 30px 60px rgba(0,0,0,.6);background-color: var(--server-item-bg);border: 1px solid var(--server-item-border);box-shadow: 0 1px 15px rgba(0, 0, 0, 0.05);}
    .modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;color: var(--header-text);font: 400 15px / 1 Inter, Montserrat;}
    .ui-modal__close{border:1px solid var(--card-br);padding:.25rem .5rem;border-radius:8px;color:rgba(255,255,255,.85);background:transparent}
    .ui-modal__close:hover{background:rgba(255,255,255,.05)}
    .help-img{width:100%;height:auto;border-radius:12px}

    .cta{margin-top:.5rem}
    .ui-btn{width:100%;border-radius: 15px;padding:1rem 1.25rem;text-align:center;font-weight:700;color: #000000;transition:filter .15s,background .15s;background: #fcd535;border: 0;font: 600 15px / 1 Inter, Montserrat;}
    .ui-btn:hover{filter:brightness(1.03)}
    .ui-btn:active{filter:brightness(.98)}
    .ui-btn--disabled{cursor:not-allowed;background:rgba(234,179,8,.3);color: rgb(0 0 0 / 60%);border: 0px;}
    .terms{margin-top:.5rem;text-align:center;color: var(--nav-link-color);font: 500 12px / 1 Inter, Montserrat;}
    .ui-badge{display:inline-block;margin-left:6px;font-size:12px;color:#cfcfcf;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:.15rem .5rem;border-radius:999px}

  /* Выпадающий список валют (использует ваши переменные) */
  .curr-dd{position:relative;margin-left:auto;flex:0 0 auto;margin-right: 5px;}
  .curr-btn{display:flex;align-items:center;gap:.5rem;background:var(--server-button-bg);padding:.4rem .6rem;border-radius:10px;font-weight:600;height: 32px;background-color: var(--balance-button-hover);border: 1px solid var(--form-input-border);color: var(--nav-link-color);}
  .curr-btn:hover{background:var(--balance-button-hover);border-color:rgba(255,255,255,.2)}
  .curr-flag{width:18px;overflow:hidden;}
  .curr-caret{margin-left:.25rem;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid rgba(255,255,255,.7);}
  .curr-panel{position:absolute;right:0;top:calc(100% + 6px);border-radius:12px;min-width:220px;box-shadow: 0 0px 25px rgb(0 0 0 / 11%);z-index:30;overflow:hidden;border: 1px solid var(--card-br);background: var(--server-button-bg);}
  .curr-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;color:var(--form-input-text)}
  .curr-option:hover{background:var(--balance-button-hover)}
  .curr-option[aria-selected="true"]{background-color: var(--balance-button-hover);}
  .curr-code{font-weight:700}
  .curr-name{color:var(--nav-link-color);font-size:.85rem}
  @media(max-width:560px){.curr-name{display:none}.curr-panel{min-width:140px}}
  .container .faq-heder .fa-steam {
    font-size: 30px;
}
.loader {
  width: 18px;
  height: 18px;
  border: 3px solid rgba(140, 140, 140, 0.49);
  border-top-color: #464646;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  display: inline-block;
  vertical-align: middle;
}

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