/*
 * Adsrek Pay — Redesign v1.10.2
 * Landing beautify pass:
 * cleaner, more premium first screen.
 * UI only.
 */

/* ===== Hero layout ===== */
.ap-hero{
  align-items:center!important;
  gap:54px!important;
}
.ap-hero-copy{
  max-width:620px!important;
}
.ap-hero-copy>p{
  max-width:610px!important;
  font-size:18px!important;
  line-height:1.7!important;
}
.ap-kicker{
  padding:10px 16px!important;
  border-radius:999px!important;
  font-size:11px!important;
  letter-spacing:.13em!important;
  box-shadow:0 8px 20px rgba(31,81,145,.08)!important;
}
.ap-kicker span{
  width:8px!important;
  height:8px!important;
}
.ap-hero h1{
  margin:22px 0 0!important;
  letter-spacing:-.06em!important;
}
.ap-hero h1 strong{
  display:inline-block!important;
}
.ap-hero-actions{
  gap:14px!important;
  margin-top:34px!important;
}
.ap-cta{
  min-height:52px!important;
  padding:0 24px!important;
  border-radius:16px!important;
  font-size:15px!important;
  font-weight:900!important;
}
.ap-cta span{
  margin-left:8px!important;
}
.ap-proof{
  margin-top:40px!important;
  padding-top:28px!important;
}

/* ===== Product composition ===== */
.ap-product{
  min-height:600px!important;
}
.ap-product-glow{
  inset:11% 7% 9% 11%!important;
  opacity:.72!important;
}

.ap-wallet-card{
  top:20px!important;
  left:18px!important;
  width:min(430px,76%)!important;
  height:248px!important;
  transform:rotate(-5deg)!important;
  border-radius:30px!important;
}

.ap-exchange-card{
  right:10px!important;
  bottom:20px!important;
  width:min(455px,80%)!important;
  padding:24px!important;
  border-radius:30px!important;
}

.ap-exchange-head{
  padding-bottom:15px!important;
}
.ap-exchange-head > span{
  font-size:16px!important;
}
.ap-exchange-head > b{
  font-size:10px!important;
  letter-spacing:.07em!important;
}

.ap-exchange-row{
  min-height:62px!important;
  border-radius:18px!important;
}
.ap-method-icon{
  width:44px!important;
  height:44px!important;
  border-radius:15px!important;
}
.ap-exchange-action{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:16px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

.ap-swap{
  width:38px!important;
  height:38px!important;
  margin:-4px auto -12px!important;
  border-radius:13px!important;
}

.ap-float-card--status{
  right:12px!important;
  top:78px!important;
  padding:13px 15px!important;
  border-radius:18px!important;
}

/* ===== Light theme polish ===== */
html[data-theme="light"] .ap-landing{
  background:
    radial-gradient(circle at 86% 16%,rgba(80,145,220,.10),transparent 28%),
    radial-gradient(circle at 4% 80%,rgba(70,190,220,.07),transparent 20%),
    linear-gradient(180deg,#f9fbff 0%,#f3f7fd 54%,#edf4fc 100%)!important;
}

html[data-theme="light"] .ap-header{
  border-bottom-color:rgba(52,105,179,.10)!important;
}

html[data-theme="light"] .ap-brand small,
html[data-theme="light"] .ap-nav a,
html[data-theme="light"] .ap-link-btn{
  color:#69809e!important;
}
html[data-theme="light"] .ap-nav a:hover,
html[data-theme="light"] .ap-link-btn:hover{
  color:#0f2d58!important;
  background:rgba(40,106,191,.06)!important;
}

html[data-theme="light"] .ap-kicker{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(43,110,193,.10)!important;
  color:#5680b3!important;
}
html[data-theme="light"] .ap-kicker span{
  background:#28c6d8!important;
  box-shadow:0 0 0 6px rgba(40,198,216,.10)!important;
}
html[data-theme="light"] .ap-hero h1{
  color:#0a2146!important;
}
html[data-theme="light"] .ap-hero h1 strong{
  background:linear-gradient(100deg,#7caeff 0%,#53aef0 55%,#63cedd 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
html[data-theme="light"] .ap-hero-copy>p{
  color:#667c98!important;
}
html[data-theme="light"] .ap-cta{
  border-color:rgba(35,94,172,.12)!important;
  background:rgba(255,255,255,.88)!important;
  color:#18355f!important;
  box-shadow:0 10px 24px rgba(28,82,149,.07)!important;
}
html[data-theme="light"] .ap-cta--primary{
  background:linear-gradient(135deg,#2f73ea,#38b7ec)!important;
  border-color:rgba(41,112,216,.24)!important;
  color:#fff!important;
  box-shadow:0 16px 34px rgba(42,107,205,.20)!important;
}
html[data-theme="light"] .ap-proof{
  border-top-color:rgba(31,96,176,.09)!important;
}
html[data-theme="light"] .ap-proof i{
  color:#2b77eb!important;
}
html[data-theme="light"] .ap-proof b{
  color:#18335a!important;
}
html[data-theme="light"] .ap-proof small{
  color:#7287a1!important;
}

html[data-theme="light"] .ap-product-glow{
  background:radial-gradient(circle,rgba(48,119,224,.14),rgba(56,201,219,.05) 44%,transparent 71%)!important;
  filter:blur(24px)!important;
}

html[data-theme="light"] .ap-wallet-card{
  background:linear-gradient(145deg,rgba(249,252,255,.96),rgba(235,245,255,.97) 44%,rgba(221,237,252,.98))!important;
  border:1px solid rgba(71,131,210,.12)!important;
  box-shadow:0 30px 70px rgba(31,77,136,.15)!important;
}
html[data-theme="light"] .ap-wallet-card:before{
  border-color:rgba(53,122,205,.10)!important;
  box-shadow:0 0 0 44px rgba(44,118,211,.026),0 0 0 88px rgba(44,118,211,.015)!important;
}
html[data-theme="light"] .ap-wallet-card:after{
  background:rgba(68,201,228,.08)!important;
}
html[data-theme="light"] .ap-wallet-top > span{
  color:#103362!important;
}
html[data-theme="light"] .ap-wallet-top > b{
  color:#5d82af!important;
}
html[data-theme="light"] .ap-wallet-card > small{
  color:#6d82a1!important;
}
html[data-theme="light"] .ap-wallet-card > strong{
  color:#12345f!important;
}
html[data-theme="light"] .ap-wallet-card > strong em,
html[data-theme="light"] .ap-wallet-meta{
  color:#7f94af!important;
}
html[data-theme="light"] .ap-wallet-number{
  color:#1c406e!important;
}

html[data-theme="light"] .ap-exchange-card{
  background:rgba(255,255,255,.93)!important;
  border:1px solid rgba(57,117,193,.10)!important;
  box-shadow:0 22px 54px rgba(30,79,143,.12)!important;
}
html[data-theme="light"] .ap-exchange-head{
  border-bottom-color:rgba(45,112,192,.08)!important;
}
html[data-theme="light"] .ap-exchange-head > span{
  color:#16365e!important;
}
html[data-theme="light"] .ap-exchange-head > b{
  background:rgba(41,190,155,.10)!important;
  color:#14886b!important;
}
html[data-theme="light"] .ap-exchange-row{
  background:#f8fbff!important;
  border:1px solid rgba(50,114,189,.10)!important;
}
html[data-theme="light"] .ap-exchange-row small{
  color:#7d93ad!important;
}
html[data-theme="light"] .ap-exchange-row b{
  color:#12355d!important;
}
html[data-theme="light"] .ap-exchange-row em{
  color:#8096b1!important;
}
html[data-theme="light"] .ap-method-icon{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25)!important;
}
html[data-theme="light"] .ap-swap{
  background:#ffffff!important;
  border:1px solid rgba(50,114,189,.12)!important;
  color:#2f79eb!important;
  box-shadow:0 8px 18px rgba(38,92,164,.10)!important;
}
html[data-theme="light"] .ap-exchange-action{
  color:#18355f!important;
}
html[data-theme="light"] .ap-float-card--status{
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(46,113,191,.09)!important;
  box-shadow:0 18px 38px rgba(28,77,139,.11)!important;
}
html[data-theme="light"] .ap-float-card--status i{
  background:rgba(38,198,167,.11)!important;
  color:#18a381!important;
}
html[data-theme="light"] .ap-float-card--status b{
  color:#15335b!important;
}
html[data-theme="light"] .ap-float-card--status small{
  color:#7d93ad!important;
}

/* ===== Dark theme polish ===== */
html[data-theme="dark"] .ap-hero-copy>p{
  color:#9eb2c5!important;
}
html[data-theme="dark"] .ap-kicker{
  background:rgba(18,35,53,.72)!important;
  border:1px solid rgba(110,145,183,.16)!important;
}
html[data-theme="dark"] .ap-cta{
  border-color:#30475f!important;
  background:#14253a!important;
}
html[data-theme="dark"] .ap-cta--primary{
  background:linear-gradient(135deg,#627fb0,#4da0bf)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] .ap-wallet-card{
  transform:rotate(-4deg)!important;
}
html[data-theme="dark"] .ap-exchange-card{
  background:#162739!important;
  border-color:#31495f!important;
}
html[data-theme="dark"] .ap-float-card--status{
  background:#192b3e!important;
}

/* ===== Responsive ===== */
@media(max-width:1120px){
  .ap-hero{
    gap:38px!important;
  }
  .ap-product{
    min-height:560px!important;
  }
}
@media(max-width:720px){
  .ap-hero-copy>p{
    font-size:16px!important;
  }
  .ap-hero-actions{
    margin-top:28px!important;
  }
  .ap-product{
    min-height:500px!important;
  }
  .ap-wallet-card{
    top:14px!important;
    left:10px!important;
    width:88%!important;
    height:220px!important;
    transform:rotate(-3deg)!important;
  }
  .ap-exchange-card{
    right:0!important;
    bottom:10px!important;
    width:90%!important;
    padding:18px!important;
  }
}
@media(max-width:440px){
  .ap-product{
    min-height:462px!important;
  }
  .ap-wallet-card{
    width:94%!important;
  }
  .ap-exchange-card{
    width:95%!important;
  }
}