/* CatPay visual enhancement layer */
:root{
  --cat-primary:#4f46e5;
  --cat-primary-2:#6366f1;
  --cat-accent:#f59e0b;
  --cat-bg:#f8faff;
  --cat-text:#111827;
}
html,body{background:var(--cat-bg);color:var(--cat-text)}
.top_header{backdrop-filter:saturate(160%) blur(8px);background:rgba(255,255,255,.92)!important;box-shadow:0 8px 30px rgba(79,70,229,.08)}
.logo1{filter:drop-shadow(0 3px 10px rgba(79,70,229,.2))}
.nav_font{font-weight:600!important}
.on{border-bottom-color:var(--cat-primary)!important}
.register a{background:linear-gradient(135deg,var(--cat-primary),var(--cat-primary-2));color:#fff!important;padding:10px 18px;border-radius:999px}

/* hero */
.top_banner{border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(31,41,55,.08)}
.home_desc1{font-weight:800!important;line-height:1.2;background:linear-gradient(135deg,var(--cat-primary),#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.home_desc2{color:#475569!important}
.headerPic{border-radius:16px}

/* cards */
.platformItem,.productContainer,.integratedContainer,.paymentMembox,
.about_me li,.positionItem,.info_card,.contact_font,.footer_nav{
  border-radius:16px!important;
}
.platformItem,.productContainer,.integratedContainer,.about_me li,.positionItem,.info_card{
  border:1px solid #e5e7eb!important;
  box-shadow:0 8px 26px rgba(15,23,42,.05)!important;
  transition:all .25s ease;
  background:#fff!important;
}
.platformItem:hover,.productContainer:hover,.integratedContainer:hover,.about_me li:hover,.positionItem:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(79,70,229,.12)!important}

/* section backgrounds */
.coverCountry,.payMethodContainer,.licenseContainer,.expand,.write_info{background:transparent!important}
.globalPayContainer,.methodTitleBox,.licenseBox,.contact_main{background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 28px rgba(30,41,59,.07)}

/* footer */
.bottom{background:linear-gradient(135deg,#2b3dbb,#4f46e5)!important}
.footer_desc img{filter:brightness(1.15)}

/* links & buttons */
a{transition:all .2s ease}
a:hover{opacity:.9}
.contact_font{background:linear-gradient(135deg,var(--cat-primary),var(--cat-primary-2))!important}

/* media */
img{max-width:100%}

@media (max-width:1000px){
  .top_banner{border-radius:14px}
  .globalPayContainer,.methodTitleBox,.licenseBox,.contact_main{padding:14px}
}