/* BITBANK_SITE_CARDS_POLISH_V54 */
:root{
  --bb-card-line:rgba(255,255,255,.13);
  --bb-card-line-strong:rgba(115,230,255,.28);
  --bb-card-bg:rgba(255,255,255,.055);
  --bb-card-bg-2:rgba(255,255,255,.075);
  --bb-card-shadow:0 22px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.055);
}

body{
  background:
    radial-gradient(circle at 76% 18%, rgba(115,230,255,.13), transparent 290px),
    radial-gradient(circle at 15% 78%, rgba(222,46,198,.10), transparent 300px),
    linear-gradient(135deg,#080a24 0%,#111542 48%,#080a24 100%) !important;
}

.site-header{
  border-bottom-color:rgba(255,255,255,.085) !important;
  box-shadow:0 10px 34px rgba(0,0,0,.18) !important;
}

.nav-link{
  border:1px solid transparent !important;
}

.nav-link:hover,
.nav-link.active{
  border-color:rgba(115,230,255,.18) !important;
  background:rgba(255,255,255,.085) !important;
}

.search-form{
  border-color:rgba(255,255,255,.13) !important;
  background:rgba(255,255,255,.065) !important;
}

.search-form:focus-within{
  border-color:rgba(115,230,255,.32) !important;
  box-shadow:0 0 0 3px rgba(115,230,255,.07) !important;
}

.hero-grid{
  align-items:center !important;
}

.hero-title{
  text-wrap:balance;
}

.hero-lead,
.bullets{
  color:rgba(226,232,255,.90) !important;
}

.exchange-card{
  position:relative !important;
  overflow:hidden !important;
  border-color:var(--bb-card-line) !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(115,230,255,.12), transparent 190px),
    radial-gradient(circle at 9% 92%, rgba(222,46,198,.11), transparent 180px),
    linear-gradient(180deg,rgba(32,36,91,.94),rgba(13,16,48,.98)) !important;
  box-shadow:var(--bb-card-shadow) !important;
}

.exchange-card::before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(115,230,255,.52),rgba(222,46,198,.34),transparent);
  pointer-events:none;
}

.exchange-card .exchange-title{
  color:#ffffff !important;
  font-weight:900 !important;
  letter-spacing:-.015em !important;
}

.exchange-card .field-label,
.exchange-card .methods-title{
  color:rgba(244,247,255,.90) !important;
}

.exchange-card .input,
.exchange-card .select,
.order-form .input,
.status-form .input{
  border-color:rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.075) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
  transition:border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}

.exchange-card .input:focus,
.exchange-card .select:focus,
.order-form .input:focus,
.status-form .input:focus{
  border-color:rgba(115,230,255,.42) !important;
  background:rgba(255,255,255,.095) !important;
  box-shadow:0 0 0 3px rgba(115,230,255,.08), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.exchange-card .amount-inline-helper{
  color:rgba(229,235,255,.80) !important;
}

.exchange-card .amount-inline-note,
.direction-note{
  border-color:rgba(115,230,255,.20) !important;
  background:
    radial-gradient(circle at 94% 0%, rgba(115,230,255,.12), transparent 130px),
    rgba(115,230,255,.055) !important;
}

.exchange-card .methods{
  border-color:rgba(255,255,255,.11) !important;
  background:rgba(255,255,255,.045) !important;
}

.exchange-card .method-chip{
  border-color:rgba(255,255,255,.13) !important;
  background:rgba(255,255,255,.060) !important;
  color:rgba(248,250,255,.94) !important;
  transition:transform .14s ease, border-color .14s ease, background .14s ease, box-shadow .14s ease !important;
}

.exchange-card .method-chip:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(115,230,255,.30) !important;
  background:rgba(255,255,255,.085) !important;
}

.exchange-card .method-chip.active{
  border-color:rgba(115,230,255,.62) !important;
  background:linear-gradient(135deg,rgba(115,230,255,.16),rgba(123,57,255,.12)) !important;
  box-shadow:0 0 0 1px rgba(115,230,255,.14) inset, 0 10px 24px rgba(0,0,0,.16) !important;
}

.primary-btn,
.order-created-actions a.primary-link,
.site-status-actions .primary-link,
.order-client-actions .payment-link-btn,
.order-client-actions .client-paid-btn,
.site-status-actions .payment-link-btn,
.site-status-actions .client-paid-btn{
  background:linear-gradient(135deg,#e633ca 0%,#7a37ff 52%,#61dbff 135%) !important;
  color:#fff !important;
  box-shadow:0 16px 38px rgba(122,55,255,.25) !important;
  transition:transform .14s ease, filter .14s ease, box-shadow .14s ease !important;
}

.primary-btn:hover,
.order-created-actions a.primary-link:hover,
.site-status-actions .primary-link:hover,
.order-client-actions .payment-link-btn:hover,
.order-client-actions .client-paid-btn:hover,
.site-status-actions .payment-link-btn:hover,
.site-status-actions .client-paid-btn:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.07) !important;
  box-shadow:0 20px 44px rgba(122,55,255,.32) !important;
}

.page-card,
.contact-hero,
.about-hero,
.contact-section,
.about-card,
.about-principles,
.order-panel,
.order-preview-card,
.order-created-card,
.site-status-card{
  border-color:var(--bb-card-line) !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(115,230,255,.08), transparent 180px),
    var(--bb-card-bg) !important;
  box-shadow:var(--bb-card-shadow) !important;
}

.contact-tile,
.principles-list div,
.order-summary-row,
.order-info-card,
.order-preview-item,
.order-created-item,
.site-status-item,
.recent-order-link,
.footer-v12-coin{
  border-color:rgba(255,255,255,.11) !important;
  background:rgba(255,255,255,.052) !important;
}

.contact-tile,
.about-card,
.principles-list div,
.recent-order-link,
.footer-v12-coin{
  transition:transform .14s ease, border-color .14s ease, background .14s ease !important;
}

.contact-tile:hover,
.about-card:hover,
.principles-list div:hover,
.recent-order-link:hover,
.footer-v12-coin:hover{
  transform:translateY(-1px) !important;
  border-color:var(--bb-card-line-strong) !important;
  background:var(--bb-card-bg-2) !important;
}

.site-footer.footer-v12{
  background:rgba(7,9,33,.62) !important;
}

.footer-v12-logo,
.brand-title{
  text-shadow:0 0 18px rgba(115,230,255,.10) !important;
}

@media (min-width:981px){
  .exchange-card{
    border-radius:24px !important;
  }
}

@media (max-width:680px){
  .hero{
    padding-top:20px !important;
  }

  .exchange-card,
  .page-card,
  .contact-hero,
  .about-hero,
  .contact-section,
  .about-card,
  .about-principles,
  .order-panel,
  .site-status-card{
    box-shadow:0 18px 52px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05) !important;
  }

  .primary-btn:hover,
  .exchange-card .method-chip:hover,
  .contact-tile:hover,
  .about-card:hover,
  .principles-list div:hover{
    transform:none !important;
  }
}