.hero-checkout{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(900px 430px at 6% -24%, rgba(0,214,200,.11), transparent 72%),
    radial-gradient(1000px 520px at 96% -30%, rgba(83,109,254,.15), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.018), transparent);
}

.hero-checkout::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background:
    linear-gradient(90deg, transparent 0 49.9%, rgba(255,255,255,.045) 50%, transparent 50.1%),
    linear-gradient(0deg, transparent 0 49.9%, rgba(255,255,255,.035) 50%, transparent 50.1%);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 30%, #000 70%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 30%, #000 70%, transparent);
}

.hero-slim{padding:8px 0 28px}
.hero-inner-override{display:block !important}
.hero-inner-slim{padding-top:22px}

.checkout-hero{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:32px;
  align-items:end;
  padding:12px 0 2px;
}

.checkout-hero-copy{max-width:780px}

.checkout-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:11px;
  color:#86f7e8;
  font-size:.76rem;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.checkout-kicker i{
  font-size:1rem;
  line-height:1;
}

.checkout-hero h1{
  margin:0;
  max-width:21ch;
  font-family:"Inter Tight", Inter, system-ui, sans-serif;
  font-size:clamp(2rem, 4vw, 3.35rem);
  font-weight:520;
  letter-spacing:-.035em;
  line-height:1.04;
}

.checkout-hero p{
  max-width:66ch;
  margin:13px 0 0;
  color:#b9cbe5;
  font-size:1rem;
  line-height:1.7;
}

.checkout-hero-mark{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:230px;
  padding-bottom:7px;
  color:rgba(219,232,255,.68);
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:none;
}

.checkout-hero-mark::before{
  content:"";
  width:84px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(118,255,234,.72));
}

.checkout-hero-mark i{
  color:#76ffea;
  font-size:1.05rem;
}

.checkout-page{
  position:relative;
  padding:42px 0 80px;
}

.checkout-page::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(720px 430px at 2% 20%, rgba(0,214,200,.045), transparent 72%),
    radial-gradient(800px 480px at 98% 45%, rgba(83,109,254,.055), transparent 74%);
}

.checkout-page > .container{
  position:relative;
  z-index:1;
  max-width:1180px;
}

.checkout-page-alerts,
.checkout-runtime-alerts{
  display:grid;
  gap:10px;
  margin:0 0 16px;
}

.checkout-page-alerts[hidden],
.checkout-runtime-alerts[hidden],
.checkout-coupon-alerts[hidden],
.checkout-free[hidden],
.checkout-payment[hidden],
.checkout-discount[hidden],
[hidden]{
  display:none !important;
}

.checkout-alert{
  display:grid;
  grid-template-columns:36px minmax(0, 1fr);
  gap:11px;
  align-items:center;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:13px;
  color:#e8f2ff;
  background:rgba(13,21,34,.86);
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}

.checkout-alert p{margin:2px 0 0;color:#c7d8ef}

.checkout-alert-icon{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:10px;
}

.checkout-alert-success{
  border-color:rgba(0,214,200,.26);
  background:linear-gradient(90deg, rgba(0,214,200,.09), rgba(13,21,34,.9) 32%);
}

.checkout-alert-success .checkout-alert-icon{
  color:#83f8e8;
  border:1px solid rgba(0,214,200,.28);
  background:rgba(0,214,200,.1);
}

.checkout-alert-error{
  border-color:rgba(255,108,122,.28);
  background:linear-gradient(90deg, rgba(255,91,110,.08), rgba(13,21,34,.9) 32%);
}

.checkout-alert-error .checkout-alert-icon{
  color:#ffc0c7;
  border:1px solid rgba(255,108,122,.3);
  background:rgba(255,91,110,.1);
}

.checkout-frame{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, 1.16fr) minmax(360px, .84fr);
  align-items:start;
  overflow:clip;
  border:1px solid rgba(255,255,255,.11);
  border-radius:26px;
  background:
    linear-gradient(90deg, rgba(17,26,42,.84) 0 58%, rgba(10,17,29,.92) 58% 100%);
  box-shadow:0 28px 80px rgba(0,0,0,.34);
  isolation:isolate;
}

.checkout-frame::before{
  content:"";
  position:absolute;
  z-index:3;
  top:0;
  right:0;
  left:0;
  height:2px;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(0,214,200,.58) 30%, rgba(83,109,254,.52) 70%, transparent);
  opacity:.72;
}

.checkout-frame::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-140px;
  left:-120px;
  width:460px;
  height:460px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle, rgba(0,214,200,.065), transparent 68%);
}

.checkout-form-stage{
  min-width:0;
  padding:30px 32px 34px;
}

.checkout-form-surface{min-width:0}

.checkout-receipt{
  position:sticky;
  top:20px;
  min-width:0;
  border-left:1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(520px 250px at 95% 0%, rgba(83,109,254,.08), transparent 72%),
    rgba(8,14,25,.42);
}

.checkout-receipt-section{
  padding:26px 25px;
  border-bottom:1px solid rgba(255,255,255,.085);
}

.checkout-panel-head{
  display:grid;
  grid-template-columns:54px minmax(0, 1fr);
  gap:15px;
  align-items:start;
  margin-bottom:26px;
}

.checkout-panel-head-compact{margin-bottom:20px}

.checkout-section-icon{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border:1px solid rgba(0,214,200,.25);
  border-radius:16px;
  color:#82f6e7;
  background:
    linear-gradient(135deg, rgba(0,214,200,.12), rgba(83,109,254,.055));
  font-size:1.2rem;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 12px 28px rgba(0,214,200,.07);
}

.checkout-section-icon i{
  line-height:1;
}

.checkout-overline{
  display:block;
  margin-bottom:4px;
  color:#8ea5c5;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.checkout-panel-head h2{
  margin:0;
  color:#f1f6ff;
  font-family:"Inter Tight", Inter, system-ui, sans-serif;
  font-size:clamp(1.35rem, 2vw, 1.7rem);
  font-weight:560;
  letter-spacing:-.02em;
  line-height:1.15;
}

.checkout-panel-head p{
  max-width:58ch;
  margin:7px 0 0;
  color:#9fb3d0;
  font-size:.93rem;
  line-height:1.6;
}

.checkout-form{display:grid;gap:18px}
.checkout-form-row{display:grid;gap:16px}
.checkout-form-row-two{grid-template-columns:repeat(2, minmax(0, 1fr))}

.checkout-field{
  display:grid;
  gap:7px;
  min-width:0;
}

.checkout-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#d4e1f4;
  font-size:.79rem;
  font-weight:760;
  letter-spacing:.04em;
}

.checkout-label small{
  color:#7f94b3;
  font-size:.67rem;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.checkout-control,
.checkout-select-wrap{
  position:relative;
  display:grid;
  grid-template-columns:21px minmax(0, 1fr);
  gap:9px;
  align-items:center;
  min-width:0;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.105);
  border-radius:12px;
  background:rgba(255,255,255,.027);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022);
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.checkout-control:focus-within,
.checkout-select-wrap:focus-within{
  border-color:rgba(0,214,200,.56);
  background:rgba(0,214,200,.035);
  box-shadow:0 0 0 3px rgba(0,214,200,.09);
}

.checkout-control > i,
.checkout-select-wrap > i{
  color:#8097b7;
  font-size:1.02rem;
  line-height:1;
}

.checkout-control input,
.checkout-select{
  min-width:0;
  width:100%;
  height:48px;
  padding:0;
  border:0;
  outline:0;
  color:#edf5ff;
  background:transparent;
  font:600 .92rem/1.2 Inter, system-ui, sans-serif;
}

.checkout-control input::placeholder{color:#687e9d}

.checkout-select{
  appearance:none;
  -webkit-appearance:none;
  padding-right:28px;
  cursor:pointer;
  color-scheme:dark;
}

.checkout-select-wrap::after{
  content:"\ea4e";
  position:absolute;
  right:13px;
  top:50%;
  transform:translateY(-50%);
  pointer-events:none;
  color:#9fb2cc;
  font-family:"remixicon";
  font-size:1.05rem;
}

.checkout-select option,
.checkout-select optgroup{
  color:#edf5ff;
  background:#101929;
}

.checkout-field-error{
  color:#ffbdc5;
  font-size:.78rem;
  line-height:1.45;
}

.checkout-product{
  display:grid;
  grid-template-columns:66px minmax(0, 1fr) auto;
  gap:13px;
  align-items:center;
}

.checkout-product-badge{
  display:grid;
  place-items:center;
  width:66px;
  height:66px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-radius:17px;
  background:
    radial-gradient(circle, rgba(0,214,200,.11), transparent 68%),
    rgba(255,255,255,.025);
}

.checkout-product-badge img{
  display:block;
  width:50px;
  height:50px;
  object-fit:contain;
}

.checkout-product-copy{min-width:0}

.checkout-product-code{
  display:block;
  margin-bottom:3px;
  color:#76ffea;
  font-size:.69rem;
  font-weight:850;
  letter-spacing:.11em;
  text-transform:none;
}

.checkout-product-copy h3{
  margin:0;
  color:#eef5ff;
  font-size:.98rem;
  line-height:1.35;
}

.checkout-product-copy p{
  margin:3px 0 0;
  color:#8298b7;
  font-size:.8rem;
}

.checkout-product-price{
  color:#eff8ff;
  font-size:.93rem;
  white-space:nowrap;
}

.checkout-totals{
  display:grid;
  gap:0;
  margin:20px 0 0;
  padding:13px 0 0;
  border-top:1px dashed rgba(255,255,255,.12);
}

.checkout-totals > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:5px 0;
}

.checkout-totals dt{
  color:#8fa4c1;
  font-size:.84rem;
}

.checkout-totals dd{
  margin:0;
  color:#dce9f9;
  font-size:.87rem;
  font-weight:750;
}

.checkout-totals .checkout-discount dt,
.checkout-totals .checkout-discount dd{color:#76ffea}

.checkout-totals .checkout-total{
  margin-top:8px;
  padding-top:13px;
  border-top:1px solid rgba(255,255,255,.09);
}

.checkout-totals .checkout-total dt{
  color:#eff6ff;
  font-size:.96rem;
  font-weight:800;
}

.checkout-totals .checkout-total dd{
  color:#8df8e9;
  font-family:"Inter Tight", Inter, system-ui, sans-serif;
  font-size:1.32rem;
  font-weight:650;
}

.checkout-coupon{
  position:relative;
  margin-top:18px;
  padding:15px;
  border:1px dashed rgba(118,255,234,.2);
  border-radius:15px;
  background:rgba(0,214,200,.025);
}

.checkout-coupon::before,
.checkout-coupon::after{
  content:"";
  position:absolute;
  top:50%;
  width:12px;
  height:24px;
  transform:translateY(-50%);
  background:#0b1320;
}

.checkout-coupon::before{
  left:-1px;
  border-radius:0 999px 999px 0;
  border-top:1px solid rgba(118,255,234,.16);
  border-right:1px solid rgba(118,255,234,.16);
  border-bottom:1px solid rgba(118,255,234,.16);
}

.checkout-coupon::after{
  right:-1px;
  border-radius:999px 0 0 999px;
  border-top:1px solid rgba(118,255,234,.16);
  border-bottom:1px solid rgba(118,255,234,.16);
  border-left:1px solid rgba(118,255,234,.16);
}

.checkout-coupon-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.checkout-coupon-head > div{
  display:flex;
  align-items:center;
  gap:7px;
  color:#dce9f8;
  font-size:.82rem;
}

.checkout-coupon-head i{color:#76ffea}

.checkout-coupon-head > span{
  color:#7085a3;
  font-size:.7rem;
  font-weight:750;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.checkout-coupon-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:8px;
}

.checkout-coupon-row input{
  min-width:0;
  height:42px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:10px;
  outline:0;
  color:#edf5ff;
  background:rgba(255,255,255,.03);
  font:650 .85rem/1 Inter, system-ui, sans-serif;
  transition:border-color .18s ease, box-shadow .18s ease;
}

.checkout-coupon-row input:focus{
  border-color:rgba(0,214,200,.52);
  box-shadow:0 0 0 3px rgba(0,214,200,.08);
}

.checkout-coupon-row input::placeholder{color:#687c99}

.checkout-coupon-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:86px;
  height:42px;
  padding:0 12px;
  border:1px solid rgba(0,214,200,.3);
  border-radius:10px;
  color:#83f8e8;
  background:rgba(0,214,200,.075);
  font:800 .8rem/1 Inter, system-ui, sans-serif;
  cursor:pointer;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}

.checkout-coupon-button:hover{
  transform:translateY(-1px);
  border-color:rgba(0,214,200,.5);
  background:rgba(0,214,200,.12);
}

.checkout-coupon-button:disabled{cursor:wait;opacity:.65;transform:none}

.checkout-coupon-button-remove{
  border-color:rgba(255,255,255,.13);
  color:#c7d6e9;
  background:rgba(255,255,255,.035);
}

.checkout-coupon-alerts{
  display:grid;
  gap:8px;
  margin-top:10px;
}

.checkout-coupon-alerts .checkout-alert{
  grid-template-columns:30px minmax(0, 1fr);
  padding:8px 9px;
  border-radius:10px;
  box-shadow:none;
  font-size:.78rem;
}

.checkout-coupon-alerts .checkout-alert-icon{
  width:30px;
  height:30px;
  border-radius:8px;
}

.checkout-free{
  display:grid;
  grid-template-columns:48px minmax(0, 1fr);
  gap:13px;
  align-items:center;
  background:linear-gradient(90deg, rgba(0,214,200,.075), transparent);
}

.checkout-free-icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border:1px solid rgba(0,214,200,.27);
  border-radius:14px;
  color:#7ff7e7;
  background:rgba(0,214,200,.09);
  font-size:1.35rem;
}

.checkout-free-copy h2{
  margin:1px 0 3px;
  font-size:1.08rem;
}

.checkout-free-copy p{
  margin:0;
  color:#94a9c5;
  font-size:.83rem;
}

.checkout-free .checkout-submit{
  grid-column:1 / -1;
  margin-top:4px;
}

.checkout-payment-list{
  display:grid;
  gap:0;
}

.checkout-pay-option{
  position:relative;
  padding:17px 0;
  border-top:1px solid rgba(255,255,255,.085);
}

.checkout-pay-option:first-child{
  padding-top:2px;
  border-top:0;
}

.checkout-pay-option:last-child{padding-bottom:2px}

.checkout-pay-option-head{
  display:grid;
  grid-template-columns:42px minmax(0, 1fr);
  gap:11px;
  align-items:center;
}

.checkout-pay-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(83,109,254,.25);
  border-radius:12px;
  color:#dce6ff;
  background:rgba(83,109,254,.08);
  font-size:1.05rem;
}

.checkout-pay-icon-bkash{
  border-color:rgba(226,20,105,.26);
  background:rgba(226,20,105,.075);
}

.checkout-pay-icon-bkash img{
  display:block;
  width:22px;
  height:22px;
  object-fit:contain;
}

.checkout-pay-option-head h3{
  margin:0;
  color:#ecf4ff;
  font-size:.93rem;
}

.checkout-pay-option-head p{
  margin:2px 0 0;
  color:#7f95b3;
  font-size:.76rem;
}

.checkout-card-brands{
  display:flex;
  align-items:center;
  gap:8px;
  margin:11px 0 10px 53px;
  color:#b7c6da;
  font-size:1.12rem;
}

.checkout-card-brands span{
  color:#7287a4;
  font-size:.7rem;
}

.checkout-submit{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  min-height:44px;
  padding:10px 13px;
  border:1px solid rgba(83,109,254,.36);
  border-radius:11px;
  color:#edf3ff;
  background:
    linear-gradient(105deg, rgba(83,109,254,.19), rgba(83,109,254,.09));
  font:800 .82rem/1.25 Inter, system-ui, sans-serif;
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.checkout-submit:hover{
  transform:translateY(-1px);
  border-color:rgba(105,128,255,.62);
  box-shadow:0 12px 24px rgba(30,45,110,.17);
}

.checkout-submit:disabled{cursor:wait;opacity:.62;transform:none}

.checkout-submit-bkash{
  border-color:rgba(226,20,105,.36);
  background:linear-gradient(105deg, rgba(226,20,105,.16), rgba(226,20,105,.07));
  color:#ffeaf3;
}

.checkout-submit-bkash:hover{
  border-color:rgba(233,50,126,.58);
  box-shadow:0 12px 24px rgba(126,15,64,.18);
}

.checkout-submit-free{
  border-color:rgba(0,214,200,.34);
  color:#cffff7;
  background:linear-gradient(105deg, rgba(0,214,200,.15), rgba(0,214,200,.065));
}

.checkout-legal{
  margin:17px 0 0;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.075);
  color:#7389a7;
  font-size:.73rem;
  line-height:1.55;
}

.checkout-legal a{
  color:#b7cbe5;
  text-decoration:none;
  border-bottom:1px solid rgba(183,203,229,.27);
}

.checkout-legal a:hover{
  color:#76ffea;
  border-bottom-color:rgba(118,255,234,.45);
}

.checkout-support{
  display:flex;
  align-items:center;
  gap:9px;
  padding:15px 25px 18px;
  color:#7f95b2;
  font-size:.78rem;
}

.checkout-support i{color:#8ba2c1}

.checkout-support a{
  color:#bcd0e9;
  text-decoration:none;
  border-bottom:1px solid rgba(188,208,233,.24);
}

.checkout-support a:hover{
  color:#76ffea;
  border-bottom-color:rgba(118,255,234,.42);
}

@media(max-width:1050px){
  .checkout-frame{
    grid-template-columns:1fr;
    background:rgba(14,22,36,.84);
  }

  .checkout-receipt{
    position:relative;
    top:auto;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    border-top:1px solid rgba(255,255,255,.09);
    border-left:0;
  }

  .checkout-summary{
    border-right:1px solid rgba(255,255,255,.085);
  }

  .checkout-payment{border-bottom:0}

  .checkout-free,
  .checkout-support{
    grid-column:1 / -1;
  }
}

@media(max-width:760px){
  .hero-slim{padding-bottom:23px}

  .checkout-hero{
    grid-template-columns:1fr;
    gap:17px;
  }

  .checkout-hero-mark{
    min-width:0;
    padding:0;
  }

  .checkout-hero-mark::before{width:48px}

  .checkout-page{padding:28px 0 58px}

  .checkout-frame{border-radius:20px}

  .checkout-form-stage,
  .checkout-receipt-section{
    padding:23px 20px;
  }

  .checkout-receipt{grid-template-columns:1fr}

  .checkout-summary{
    border-right:0;
  }

  .checkout-form-row-two{grid-template-columns:1fr}
}

@media(max-width:500px){
  .container{padding-right:15px;padding-left:15px}

  .checkout-hero h1{font-size:clamp(1.9rem, 10vw, 2.45rem)}

  .checkout-hero p{font-size:.92rem}

  .checkout-form-stage,
  .checkout-receipt-section{
    padding:20px 16px;
  }

  .checkout-panel-head{
    grid-template-columns:44px minmax(0, 1fr);
    gap:12px;
    margin-bottom:21px;
  }

  .checkout-section-icon{
    width:44px;
    height:44px;
    border-radius:13px;
    font-size:1.05rem;
  }

  .checkout-product{
    grid-template-columns:56px minmax(0, 1fr);
  }

  .checkout-product-badge{
    width:56px;
    height:56px;
    border-radius:14px;
  }

  .checkout-product-badge img{
    width:43px;
    height:43px;
  }

  .checkout-product-price{
    grid-column:2;
    justify-self:start;
  }

  .checkout-coupon-head{
    align-items:flex-start;
  }

  .checkout-coupon-row{grid-template-columns:1fr}

  .checkout-coupon-button{width:100%}

  .checkout-card-brands{margin-left:0}

  .checkout-support{padding-right:16px;padding-left:16px}
}

@media(prefers-reduced-motion:reduce){
  .checkout-control,
  .checkout-select-wrap,
  .checkout-coupon-button,
  .checkout-submit{
    transition:none;
  }
}