/* Zilitpay Classic rebrand (S1, Classic-only loaded) - visual only; preserves Classic structure/functionality */
:root{--zp-cl-ink:#17172a;--zp-cl-muted:#77778b;--zp-cl-paper:#faf9f6;--zp-cl-violet:#6755f5;--zp-cl-violet-dark:#4b3ad8;--zp-cl-lime:#d7fa62;--zp-cl-line:rgba(31,31,54,.12);--theme:#6755f5;--theme2:#4b3ad8;--header:#17172a;--header2:#17172a;--text:#77778b;--black:#17172a;--body:#faf9f6}
body{background:var(--zp-cl-paper);color:var(--zp-cl-ink);overflow-x:hidden}
/* Contact/support/language/social bar kept functional; visual aligned to Zilitpay palette */
.header-top-section{background:linear-gradient(90deg,#17172a,#2b255f);border-bottom:1px solid rgba(255,255,255,.06)}
.header-top-section .contact-list li,.header-top-section .contact-list li a,.header-top-section .top-right span,.header-top-section .social-icon a{color:rgba(255,255,255,.88)!important}
.header-top-section .contact-list li i,.header-top-section .social-icon a:hover{color:var(--zp-cl-lime)!important}
/* Header visual match to 4th theme (.zp-header feel) while preserving Classic nav/links/dropdowns/mobile menu/sticky behavior */
.header-1{position:relative;z-index:20;background:rgba(250,249,246,.92)!important;border-bottom:1px solid rgba(31,31,54,.07)!important;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}
.header-1 .container{width:min(1200px,calc(100% - 64px));max-width:1200px}
.header-1 .mega-menu-wrapper{position:relative}
.header-1 .header-main{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:42px}
.header-1 .header-left,.header-1 .logo{display:flex;align-items:center;flex:0 0 auto}
.header-1 .header-right{display:flex;align-items:center;gap:21px;margin-left:auto}
.header-1.sticky,.sticky.header-1{background:rgba(250,249,246,.97)!important;box-shadow:0 8px 30px rgba(23,23,42,.08)!important}
/* Brand/logo (4th theme proportions/positioning) */
.zp-cl-brand{display:inline-flex!important;align-items:center;gap:10px;text-decoration:none!important;max-width:100%;flex:0 0 auto}
.zp-cl-brand__name{color:var(--zp-cl-ink);font-family:"Space Grotesk","Plus Jakarta Sans",sans-serif;font-size:22px;font-weight:700;letter-spacing:-1.3px;line-height:1;white-space:nowrap}
.zp-cl-brand__name span{color:var(--zp-cl-violet)}
.zp-cl-brand__symbol{width:23px;height:23px;display:inline-flex;align-items:flex-end;justify-content:center;gap:2px;padding:3px;border-radius:7px;background:var(--zp-cl-violet);transform:rotate(-8deg);flex:0 0 auto}
.zp-cl-brand__symbol i{display:block;width:3px;border-radius:3px;background:var(--zp-cl-lime)}
.zp-cl-brand__symbol i:nth-child(1){height:8px}.zp-cl-brand__symbol i:nth-child(2){height:13px}.zp-cl-brand__symbol i:nth-child(3){height:10px}
/* Navigation typography/alignment/spacing (4th theme feel on Classic menu structure) */
.header-1 .mean__menu-wrapper,.header-1 .main-menu,.header-1 .main-menu nav{display:flex;align-items:center}
.header-1 .main-menu ul{display:flex;align-items:center;gap:clamp(18px,2.5vw,36px);margin:0;padding:0}
.header-1 .main-menu ul li{margin:0}
.header-1 .main-menu ul li a{color:#555568!important;font-family:"DM Sans","Plus Jakarta Sans",sans-serif;font-size:13px;font-weight:600;line-height:1.2;padding:0!important;transition:color .2s ease}
.header-1 .main-menu ul li a:hover,.header-1 .main-menu ul li:hover>a,.header-1 .main-menu ul li.active>a,.header-1 .main-menu ul li.current-menu-item>a{color:var(--zp-cl-violet)!important}
/* Actions/buttons (4th theme small button feel; preserve Classic routes/links) */
.header-1 .header-button{display:flex;align-items:center;gap:21px!important}
.header-1 .header-button .theme-btn{min-height:42px;padding:0 17px!important;border-radius:8px!important;font-family:"DM Sans","Plus Jakarta Sans",sans-serif;font-size:12px!important;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--zp-cl-violet)!important;border:1px solid var(--zp-cl-violet)!important;color:#fff!important;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease}
.header-1 .header-button .theme-btn:hover{background:var(--zp-cl-violet-dark)!important;border-color:var(--zp-cl-violet-dark)!important;color:#fff!important;transform:translateY(-1px)}
.header-1 .header-button .theme-btn::before{display:none!important}
.header-1 .header-button .theme-btn.style-border{background:transparent!important;color:var(--zp-cl-ink)!important;border-color:rgba(23,23,42,.18)!important}
.header-1 .header-button .theme-btn.style-border:hover{background:var(--zp-cl-ink)!important;color:#fff!important;border-color:var(--zp-cl-ink)!important}
/* Mobile menu trigger/hamburger kept functional */
.header-1 .header__hamburger,.header-1 .sidebar__toggle{display:flex;align-items:center;justify-content:center}
.header-1 .sidebar__toggle{width:38px;height:38px;border:1px solid var(--zp-cl-line);border-radius:8px;background:var(--zp-cl-paper);cursor:pointer}
.header-1 .sidebar__toggle i{color:var(--zp-cl-ink);font-size:16px;line-height:1}
/* Breadcrumb/style-2 pages: preserve Classic behavior/readability (do not force light-on-dark breakage) */
.header-1.style-2{border-bottom-color:rgba(255,255,255,.12)!important}
.header-1.style-2 .zp-cl-brand__name{color:#fff}
.header-1.style-2 .main-menu ul li a{color:rgba(255,255,255,.88)!important}
.header-1.style-2 .main-menu ul li a:hover,.header-1.style-2 .main-menu ul li:hover>a,.header-1.style-2 .main-menu ul li.active>a{color:var(--zp-cl-lime)!important}
.header-1.style-2 .sidebar__toggle{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.header-1.style-2 .sidebar__toggle i{color:#fff}
.sticky.header-1.style-2 .main-menu ul li a{color:#555568!important}
.sticky.header-1.style-2 .zp-cl-brand__name{color:var(--zp-cl-ink)}
.sticky.header-1.style-2 .sidebar__toggle{background:var(--zp-cl-paper);border-color:var(--zp-cl-line)}
.sticky.header-1.style-2 .sidebar__toggle i{color:var(--zp-cl-ink)}
/* Hero visual rebrand (keeps .hero-section/.hero-1 structure and content bindings) */
.hero-section.hero-1.zp-cl-hero{background-color:#f5f2ff!important;background-image:radial-gradient(circle at 78% 18%,rgba(139,92,246,.22),transparent 28%),radial-gradient(circle at 18% 82%,rgba(34,211,238,.16),transparent 24%),linear-gradient(135deg,#faf9f6 0%,#f5f2ff 48%,#ece8ff 100%)!important;overflow:hidden}
.hero-section.hero-1.zp-cl-hero .hero-content h6{color:var(--zp-cl-violet);background:rgba(103,85,245,.1);border:1px solid rgba(103,85,245,.16);display:inline-flex;padding:8px 12px;border-radius:999px}
.hero-section.hero-1.zp-cl-hero .hero-content h1{color:var(--zp-cl-ink)}
.hero-section.hero-1.zp-cl-hero .hero-content h1 span,.hero-section.hero-1.zp-cl-hero .hero-content .highlight{color:var(--zp-cl-violet)}
.hero-section.hero-1.zp-cl-hero .hero-content p{color:#6d6c80}
.hero-section.hero-1.zp-cl-hero .theme-btn{background:var(--zp-cl-violet);border-color:var(--zp-cl-violet);border-radius:8px}
.hero-section.hero-1.zp-cl-hero .theme-btn:hover{background:var(--zp-cl-violet-dark);border-color:var(--zp-cl-violet-dark)}
.zp-cl-hero-visual{position:relative;min-height:420px;display:grid;place-items:center;padding:20px 0;max-width:100%;overflow:visible}
.zp-cl-orbit{position:absolute;width:min(390px,78vw);aspect-ratio:1;border:1px solid rgba(103,85,245,.22);border-radius:50%;transform:rotateX(68deg) rotate(-23deg);pointer-events:none}
.zp-cl-orbit--two{width:min(450px,86vw);border-color:rgba(103,85,245,.11);transform:rotateX(68deg) rotate(34deg)}
.zp-cl-card-stage{position:relative;z-index:1;width:min(390px,78vw);max-width:100%;perspective:1100px}
.zp-cl-card-rotator{position:relative;width:100%;aspect-ratio:1.62;transform-style:preserve-3d;animation:zp-cl-card-orbit 17s cubic-bezier(.45,.05,.55,.95) infinite;will-change:transform}
.zp-cl-bank-card{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(-12deg) rotateX(8deg)}
.zp-cl-card-face{position:absolute;inset:0;overflow:hidden;padding:25px 28px;border:1px solid rgba(255,255,255,.55);border-radius:19px;color:#fff;background:linear-gradient(135deg,#8273ff 0%,#5d4ce8 46%,#362d87 100%);box-shadow:0 36px 80px rgba(69,53,185,.3),inset 0 1px 1px #ffffff66;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.zp-cl-card-face.front{transform:translateZ(1px)}
.zp-cl-card-face.front::before{position:absolute;top:-110px;right:-92px;width:290px;height:290px;border:1px solid #ffffff3d;border-radius:50%;box-shadow:0 0 0 28px #ffffff0b,0 0 0 56px #ffffff0a;content:""}
.zp-cl-card-face.front::after{position:absolute;right:30px;bottom:-130px;width:270px;height:270px;border:1px solid #d7fa6266;border-radius:50%;content:""}
.zp-cl-card-face.back{display:flex;flex-direction:column;justify-content:center;gap:20px;background:linear-gradient(145deg,#403494,#282361);transform:rotateY(180deg) translateZ(1px)}
.zp-cl-magstripe{position:absolute;top:24%;right:0;left:0;height:42px;background:#17172a}
.zp-cl-signature{width:71%;height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-radius:4px;color:#77768a;background:#efeff5;font-size:7px;font-weight:700;letter-spacing:.12em}
.zp-cl-signature i{width:32px;height:21px;border-radius:4px;background:var(--zp-cl-lime);display:block}
.zp-cl-card-top,.zp-cl-card-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px}
.zp-cl-card-brand{display:inline-flex;align-items:center;gap:7px;font-family:"Space Grotesk","Plus Jakarta Sans",sans-serif;font-size:17px;font-weight:700;letter-spacing:-.7px}
.zp-cl-card-brand .zp-cl-brand__symbol{width:21px;height:21px}
.zp-cl-tier{font-size:9px;font-weight:700;letter-spacing:.16em;opacity:.85}
.zp-cl-chip{position:relative;z-index:2;width:38px;height:28px;margin-top:48px;border:1px solid #ffffffa6;border-radius:6px;background:linear-gradient(135deg,#f5de9c,#e6bb57)}
.zp-cl-chip span{position:absolute;inset:5px 11px;border-right:1px solid #aa853a;border-left:1px solid #aa853a}
.zp-cl-number{position:relative;z-index:2;margin-top:19px;font-family:"Space Grotesk","Plus Jakarta Sans",sans-serif;font-size:14px;letter-spacing:.11em}
.zp-cl-card-bottom{margin-top:22px}
.zp-cl-card-bottom>div:first-child{display:grid;gap:5px}
.zp-cl-card-bottom small{font-size:7px;letter-spacing:.15em;opacity:.7}
.zp-cl-card-bottom strong{font-size:9px;font-weight:700;letter-spacing:.09em}
.zp-cl-network{position:relative;display:flex;width:39px;height:25px;align-items:center}
.zp-cl-network i{width:23px;height:23px;border-radius:50%;background:#f7a94c}.zp-cl-network i+i{margin-left:-9px;background:#ffdf57;mix-blend-mode:screen}
.zp-cl-glint{position:absolute;inset:-50% -150%;z-index:1;background:linear-gradient(110deg,transparent 44%,#ffffff1b 50%,transparent 56%);transform:translateX(-65%) rotate(9deg);animation:zp-cl-glint 6s ease-in-out infinite;pointer-events:none}
.zp-cl-float{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #fff;border-radius:12px;background:rgba(255,255,255,.87);box-shadow:0 14px 40px rgba(46,39,101,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:zp-cl-float 6s ease-in-out infinite;color:var(--zp-cl-ink);max-width:min(240px,calc(100% - 20px))}
.zp-cl-float.spend{top:38px;left:0}.zp-cl-float.balance{right:0;bottom:52px;animation-delay:-3s}
.zp-cl-float-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#eeebff;color:var(--zp-cl-violet);font-weight:700;flex:0 0 auto}
.zp-cl-float.balance .zp-cl-float-mark{background:var(--zp-cl-lime);color:var(--zp-cl-ink)}
.zp-cl-float small{display:block;color:#9493a4;font-size:7px;font-weight:700;letter-spacing:.12em}
.zp-cl-float strong{font-family:"Space Grotesk","Plus Jakarta Sans",sans-serif;font-size:10px;line-height:1.25}
@keyframes zp-cl-card-orbit{0%{transform:rotateY(0deg) rotateX(3deg)}100%{transform:rotateY(360deg) rotateX(3deg)}}
@keyframes zp-cl-glint{0%,100%{transform:translateX(-65%) rotate(9deg);opacity:.2}50%{transform:translateX(65%) rotate(9deg);opacity:1}}
@keyframes zp-cl-float{0%,100%{translate:0 0}50%{translate:0 -11px}}
@media (prefers-reduced-motion:reduce){.zp-cl-card-rotator,.zp-cl-glint,.zp-cl-float{animation:none!important}}
/* Header responsive (4th theme breakpoints/proportions where compatible with Classic structure) */
@media (max-width:980px){.header-1 .header-main{gap:24px}.header-1 .main-menu ul{gap:17px}.header-1 .header-right,.header-1 .header-button{gap:13px!important}}
@media (max-width:760px){.header-1 .container{width:calc(100% - 32px)}.header-1 .header-main{min-height:70px;justify-content:space-between;gap:14px}.zp-cl-brand__name{font-size:20px}.header-1 .header-right{gap:12px;margin-left:auto}.header-1 .header-button{gap:9px!important}.header-1 .header-button .theme-btn{min-height:37px;padding:0 12px!important;gap:9px;font-size:10px!important}}
@media (max-width:420px){.header-1 .header-button{gap:8px!important}.header-1 .header-button .theme-btn{padding:0 9px!important}}
@media (max-width:1199px){.zp-cl-float.spend{left:4px}.zp-cl-float.balance{right:4px}}
@media (max-width:991px){.zp-cl-hero-visual{min-height:360px;padding:10px 0 24px}.zp-cl-float{padding:11px 12px;gap:10px}.zp-cl-float.spend{top:8px;left:8px}.zp-cl-float.balance{bottom:18px;right:8px}}
@media (max-width:767px){.zp-cl-orbit{width:min(320px,72vw)}.zp-cl-orbit--two{width:min(360px,80vw)}.zp-cl-card-stage{width:min(320px,74vw)}.zp-cl-float{max-width:190px}.zp-cl-float strong{font-size:9px}}
@media (max-width:575px){.zp-cl-hero-visual{min-height:300px;padding:6px 0 10px}.zp-cl-card-face{padding:16px 17px;border-radius:15px}.zp-cl-chip{margin-top:30px;width:34px;height:25px}.zp-cl-number{font-size:11px;margin-top:12px;letter-spacing:.08em}.zp-cl-card-bottom{margin-top:12px}.zp-cl-float{position:static;margin:8px auto 0;animation:none;max-width:100%;width:min(320px,100%)}.zp-cl-hero-visual{grid-auto-rows:max-content}.zp-cl-float.balance{margin-bottom:0}}