/* 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)}
.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-1{background:rgba(250,249,246,.94)!important;border-bottom:1px solid var(--zp-cl-line);backdrop-filter:blur(10px)}
.header-1.sticky{box-shadow:0 10px 30px rgba(23,23,42,.08)!important}
.zp-cl-header-main{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}
.zp-cl-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none!important}
.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.2px;line-height:1}
.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}
.header-1 .main-menu ul li a{color:#555568;font-size:13px;font-weight:600}
.header-1 .main-menu ul li a:hover,.header-1 .main-menu ul li.active>a{color:var(--zp-cl-violet)}
.header-1 .header-button .theme-btn{background:var(--zp-cl-violet)!important;border-color:var(--zp-cl-violet)!important;color:#fff!important;border-radius:8px;min-height:42px;display:inline-flex;align-items:center}
.header-1 .header-button .theme-btn:hover{background:var(--zp-cl-violet-dark)!important;border-color:var(--zp-cl-violet-dark)!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}
.header-1 .sidebar__toggle i{color:var(--zp-cl-ink)}
.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}
.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)}
.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);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}
.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}
.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}
.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}
.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);animation:zp-cl-float 6s ease-in-out infinite;color:var(--zp-cl-ink)}
.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}
.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}
@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}}
@media (max-width:991px){.zp-cl-header-main{min-height:72px}.zp-cl-float.spend{left:8px}.zp-cl-float.balance{right:8px;bottom:34px}}
@media (max-width:575px){.zp-cl-hero-visual{min-height:320px}.zp-cl-card-face{padding:18px 20px;border-radius:15px}.zp-cl-number{font-size:12px;margin-top:14px}.zp-cl-float{gap:8px;padding:10px}}