/* PAYKITA GATEWAY V4 — standalone blue design system, light + dark only. */
:root{color-scheme:light;--pk4-bg:#f8faff;--pk4-surface:#fff;--pk4-surface2:#f2f6fc;--pk4-text:#15233c;--pk4-muted:#64728a;--pk4-line:#e2e9f3;--pk4-blue:#1666db;--pk4-blue2:#0957ca;--pk4-tint:#eaf2ff;--pk4-shadow:0 12px 45px rgba(20,49,98,.05)}
html[data-theme=dark]{color-scheme:dark;--pk4-bg:#0e1524;--pk4-surface:#151f30;--pk4-surface2:#1b293c;--pk4-text:#e8f0fb;--pk4-muted:#9aaac0;--pk4-line:#2a3a50;--pk4-blue:#6ba8ff;--pk4-blue2:#468cf4;--pk4-tint:#192f52;--pk4-shadow:0 15px 45px rgba(0,0,0,.18)}
.pk4-page,.pk4-auth-page{background:var(--pk4-bg);color:var(--pk4-text);font:400 14px/1.6 Inter,system-ui,-apple-system,'Segoe UI',sans-serif;min-width:320px;margin:0}
.pk4-page *,.pk4-auth-page *{box-sizing:border-box}.pk4-page a,.pk4-auth-page a{text-decoration:none;color:inherit}.pk4-page button,.pk4-page input,.pk4-auth-page button,.pk4-auth-page input{font:inherit}.pk4-page button,.pk4-auth-page button{cursor:pointer}.pk4-container{width:min(1170px,calc(100% - 56px));margin:0 auto}.pk4-page h1,.pk4-page h2,.pk4-page h3,.pk4-auth-page h1,.pk4-auth-page h2{font-family:Manrope,Inter,system-ui,sans-serif;line-height:1.18;letter-spacing:-.05em}.pk4-page h2{font-size:clamp(30px,3.5vw,43px);font-weight:800;margin:14px 0 16px}.pk4-page h2 em,.pk4-hero h1 em{font-style:normal;color:var(--pk4-blue)}
.pk4-header{height:82px;position:relative;z-index:40;background:var(--pk4-surface);border-bottom:1px solid var(--pk4-line)}.pk4-head-row{display:flex;align-items:center;height:100%;gap:55px}.pk4-brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.pk4-brand img{border-radius:10px;object-fit:contain}.pk4-brand>span{display:grid;gap:0;line-height:1}.pk4-brand strong{font:800 23px/1.1 Manrope,Inter,sans-serif;letter-spacing:-1.1px}.pk4-brand strong span{color:var(--pk4-blue)}.pk4-brand small{font-size:9px;letter-spacing:3.7px;font-weight:800;color:var(--pk4-muted);margin-top:7px}.pk4-nav{display:flex;align-items:center;gap:30px;margin:auto}.pk4-nav>a,.pk4-head-login{font-size:12px;font-weight:700;color:var(--pk4-muted)}.pk4-nav>a:hover,.pk4-head-login:hover{color:var(--pk4-blue)}.pk4-head-actions{display:flex;align-items:center;gap:17px;margin-left:auto}.pk4-theme,.pk4-menu{border:1px solid var(--pk4-line);color:var(--pk4-text);background:var(--pk4-surface);border-radius:10px;width:37px;height:37px;display:grid;place-items:center}.pk4-theme{font-size:20px}.pk4-menu{display:none}.pk4-btn{display:inline-flex;align-items:center;justify-content:center;gap:23px;min-height:49px;padding:12px 23px;font-size:12px;font-weight:800;border-radius:10px;white-space:nowrap;border:1px solid var(--pk4-line);transition:transform .18s,background .18s,box-shadow .18s}.pk4-btn:hover{transform:translateY(-1px)}.pk4-btn-primary{color:#fff!important;border-color:#1666db;background:#1666db}.pk4-btn-primary:hover{background:#0c55be;box-shadow:0 9px 22px #1666db25}.pk4-btn-quiet{background:var(--pk4-surface);color:var(--pk4-text)!important}.pk4-btn-small{min-height:37px;padding:8px 15px;gap:12px;font-size:11px}.pk4-mobile-login,.pk4-mobile-signup{display:none!important}
.pk4-hero{background:radial-gradient(circle at 88% 38%,rgba(55,131,255,.08),transparent 35%),var(--pk4-bg)}.pk4-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:65px;min-height:630px;padding-top:78px;padding-bottom:90px}.pk4-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:1.6px;color:var(--pk4-blue)}.pk4-eyebrow>i{width:7px;height:7px;display:inline-block;background:var(--pk4-blue);border-radius:50%}.pk4-hero h1{font-size:clamp(42px,4.8vw,64px);font-weight:800;line-height:1.15;letter-spacing:-.065em;margin:25px 0}.pk4-hero-copy>p{max-width:520px;font-size:15px;color:var(--pk4-muted);line-height:1.95}.pk4-hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.pk4-hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:31px}.pk4-hero-trust span{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--pk4-muted);font-weight:650}.pk4-hero-trust b{font-size:13px;color:#168f75}
.pk4-product-shot{position:relative;isolation:isolate;width:min(100%,470px);margin:auto;background:var(--pk4-surface);border:1px solid var(--pk4-line);border-radius:18px;box-shadow:0 26px 80px rgba(21,76,143,.14);padding:24px 26px;overflow:visible}.pk4-shot-glow{position:absolute;z-index:-1;background:linear-gradient(120deg,#64aeff80,#1474e840);inset:25px -16px -20px 20px;border-radius:20px;filter:blur(35px);opacity:.22}.pk4-shot-top{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--pk4-line);padding-bottom:19px}.pk4-shot-icon{width:40px;height:40px;border-radius:10px;background:var(--pk4-tint);display:grid;place-items:center}.pk4-shot-icon img{width:30px;height:30px}.pk4-shot-top>div:nth-child(2){display:grid;gap:3px}.pk4-shot-top strong{font-size:12.5px}.pk4-shot-top div span{font-size:10px;color:var(--pk4-muted)}.pk4-shot-live{margin-left:auto;font-size:9px;font-weight:900;color:var(--pk4-blue);border-radius:6px;background:var(--pk4-tint);padding:6px 9px;letter-spacing:.7px}.pk4-shot-body{padding-top:25px}.pk4-shot-label{display:flex;justify-content:space-between;color:var(--pk4-muted);font-weight:800;font-size:9px;letter-spacing:1.2px}.pk4-shot-label span{letter-spacing:0;font-weight:700}.pk4-shot-amount{font:800 36px/1.2 Manrope,Inter,sans-serif;letter-spacing:-1.5px;margin:14px 0 18px}.pk4-shot-amount span{font:700 10px Inter,sans-serif;letter-spacing:1px;color:var(--pk4-muted)}.pk4-shot-status{background:var(--pk4-surface2);border:1px solid var(--pk4-line);border-radius:10px;padding:12px;display:flex;align-items:center;gap:8px}.pk4-shot-status>span:nth-child(2){font-size:11px;font-weight:700}.pk4-shot-status>b{margin-left:auto;font-size:9px;letter-spacing:.5px;color:#a97b1f}.pk4-status-dot{width:8px;height:8px;background:#e8a82b;border-radius:50%;box-shadow:0 0 0 4px #e7aa3030}.pk4-shot-status.paid .pk4-status-dot{background:#18a981;box-shadow:0 0 0 4px #18a98124}.pk4-shot-status.paid>b{color:#18a981}.pk4-shot-divider{height:1px;background:var(--pk4-line);margin:21px 0}.pk4-shot-row{display:flex;justify-content:space-between;margin:12px 0;gap:12px}.pk4-shot-row span{font-size:11px;color:var(--pk4-muted)}.pk4-shot-row strong{font-size:11px}.pk4-shot-activity{display:flex;align-items:center;gap:12px}.pk4-activity-mark{width:34px;height:34px;border-radius:9px;background:var(--pk4-tint);color:var(--pk4-blue);display:grid;place-items:center;font-size:18px}.pk4-shot-activity>div{display:grid;gap:2px}.pk4-shot-activity strong{font-size:11px}.pk4-shot-activity small{font-size:10px;color:var(--pk4-muted)}.pk4-shot-activity>span:last-child{margin-left:auto;color:var(--pk4-muted);font-size:10px}.pk4-shot-foot{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:25px;padding-top:18px;border-top:1px solid var(--pk4-line)}.pk4-shot-foot span{font-size:9.5px;color:var(--pk4-muted)}.pk4-shot-foot span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#1583f5;margin-right:6px}.pk4-shot-foot button{border:0;background:none;color:var(--pk4-blue);font-size:10px;font-weight:800}.pk4-hero-bottom{border-top:1px solid var(--pk4-line);background:var(--pk4-surface)}.pk4-hero-bottom .pk4-container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;flex-wrap:wrap}.pk4-hero-bottom span{font-size:11px;font-weight:750;color:var(--pk4-muted)}.pk4-hero-bottom span:first-child{color:var(--pk4-text);font-weight:800}
.pk4-section{padding:105px 0}.pk4-section-intro{max-width:620px;margin-bottom:37px}.pk4-section-intro p,.pk4-split>div>p,.pk4-pricing>div>p,.pk4-dev-grid>div>p{font-size:14px;color:var(--pk4-muted);line-height:1.95;max-width:560px}.pk4-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.pk4-feature{padding:25px;min-height:260px;border:1px solid var(--pk4-line);background:var(--pk4-surface);border-radius:13px;box-shadow:var(--pk4-shadow);display:flex;align-items:flex-start;flex-direction:column}.pk4-feature-icon{height:41px;width:41px;border-radius:10px;background:var(--pk4-tint);color:var(--pk4-blue);display:grid;place-items:center;font-size:22px;font-weight:700}.pk4-feature h3{font-size:16px;letter-spacing:-.5px;margin:24px 0 10px}.pk4-feature p{font-size:11.5px;color:var(--pk4-muted);line-height:1.9;margin:0}.pk4-feature>span{margin-top:auto;padding-top:20px;font-size:9px;font-weight:900;color:var(--pk4-muted);letter-spacing:1.2px}
.pk4-soft{background:var(--pk4-surface2);border-block:1px solid var(--pk4-line)}.pk4-split,.pk4-pricing,.pk4-dev-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.pk4-list{margin-top:25px}.pk4-list>div{display:flex;gap:16px;border-bottom:1px solid var(--pk4-line);padding:17px 0}.pk4-list b{color:var(--pk4-blue);font-size:11px}.pk4-list span{display:grid;gap:5px}.pk4-list strong{font-size:13px}.pk4-list small{font-size:11px;color:var(--pk4-muted)}.pk4-mini-dashboard,.pk4-calculator{background:var(--pk4-surface);border:1px solid var(--pk4-line);box-shadow:var(--pk4-shadow);border-radius:16px;padding:27px}.pk4-mini-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.pk4-mini-top strong{font-size:13px}.pk4-mini-top span{color:var(--pk4-muted);font-size:11px}.pk4-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.pk4-mini-stats div{display:grid;gap:4px;border-radius:11px;border:1px solid var(--pk4-line);padding:16px;background:var(--pk4-bg)}.pk4-mini-stats small,.pk4-mini-stats span{font-size:10px;color:var(--pk4-muted)}.pk4-mini-stats strong{font-size:29px;line-height:1.3}.pk4-mini-chart{height:153px;display:flex;align-items:end;gap:13px;border-bottom:1px solid var(--pk4-line);padding:18px 10px 0;margin-top:25px;background:repeating-linear-gradient(to top,transparent,transparent 39px,var(--pk4-line) 40px)}.pk4-mini-chart i{width:100%;height:var(--h);background:linear-gradient(#6caaff,#206ee0);border-radius:5px 5px 0 0}.pk4-mini-caption{text-align:right;color:var(--pk4-muted);font-size:9px;padding-top:14px}
.pk4-price-rules{margin-top:27px;display:flex;gap:10px;flex-wrap:wrap}.pk4-price-rules span{display:flex;gap:9px;align-items:center;border:1px solid var(--pk4-line);border-radius:9px;padding:11px 14px;background:var(--pk4-surface);font-size:11px;color:var(--pk4-muted)}.pk4-price-rules strong{font-size:14px;color:var(--pk4-blue)}.pk4-calc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.pk4-calc-header span{font-size:10px;font-weight:900;letter-spacing:1.2px}.pk4-calc-header b{padding:5px 10px;font-size:9px;color:var(--pk4-blue);background:var(--pk4-tint);border-radius:6px}.pk4-calculator label{display:block;font-weight:800;font-size:11px;margin-bottom:9px}.pk4-calc-input{display:flex;align-items:center;border-radius:10px;border:1px solid var(--pk4-line);background:var(--pk4-bg);padding:0 16px;gap:12px}.pk4-calc-input span{font-size:17px;font-weight:800;color:var(--pk4-muted)}.pk4-calc-input input{border:0;outline:0;min-width:0;width:100%;height:55px;background:transparent;color:var(--pk4-text);font-size:24px;font-weight:800}.pk4-calc-input:focus-within{outline:2px solid var(--pk4-blue)}.pk4-calc-divider{height:1px;background:var(--pk4-line);margin:23px 0}.pk4-calc-line{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--pk4-muted);padding:7px 0}.pk4-calc-line strong{color:var(--pk4-text)}.pk4-calc-result{border-radius:10px;background:var(--pk4-tint);padding:18px;margin-top:21px;display:flex;justify-content:space-between;align-items:center;gap:12px}.pk4-calc-result span{font-size:11px;font-weight:650}.pk4-calc-result strong{font-size:22px;color:var(--pk4-blue)}.pk4-calculator>p{color:var(--pk4-muted);font-size:10px;margin:15px 0 0}
.pk4-dark-band{background:#101d31;color:#fff}.pk4-dark-band .pk4-eyebrow{color:#91c0ff}.pk4-dev-grid>div>p{color:#bac8da;margin-bottom:25px}.pk4-btn-light{background:#fff;color:#115dc7!important;border-color:#fff}.pk4-code{border:1px solid #34465f;background:#16263d;border-radius:13px;overflow:hidden;box-shadow:0 19px 48px #0004}.pk4-code-top,.pk4-code-bottom{display:flex;justify-content:space-between;gap:10px;padding:15px 21px;border-bottom:1px solid #34465f;color:#c2d4ee;font-size:10px;font-weight:700}.pk4-code-top span:nth-child(2){color:#91c0ff}.pk4-code pre{font:12px/2 Consolas,'Courier New',monospace;color:#e8f1fc;overflow:auto;padding:22px;margin:0}.pk4-code-bottom{border-bottom:0;border-top:1px solid #34465f;color:#9daec5}.pk4-syn-dim{color:#7d91ae}.pk4-syn-blue{color:#84b8ff}.pk4-syn-number{color:#f1c37e}.pk4-syn-green{color:#88dabb}.pk4-faq .pk4-section-intro{margin-bottom:23px}.pk4-faq-list{max-width:810px}.pk4-faq-list details{border-bottom:1px solid var(--pk4-line);padding:19px 0}.pk4-faq-list summary{cursor:pointer;font-weight:750;font-size:13px}.pk4-faq-list p{max-width:750px;color:var(--pk4-muted);font-size:12px;line-height:1.9}.pk4-final{padding:55px 0;background:#1768d9;color:white}.pk4-final-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.pk4-final-inner>div>span{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#b2d7ff}.pk4-final h2{font-size:33px;margin:13px 0}.pk4-final p{color:#dceaff;font-size:13px}.pk4-footer{background:var(--pk4-surface);border-top:1px solid var(--pk4-line);padding:42px 0}.pk4-footer .pk4-container{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.pk4-footer p{color:var(--pk4-muted);font-size:11px}.pk4-footer .pk4-container>div{display:flex;gap:20px;margin-left:auto}.pk4-footer a:not(.pk4-brand){font-weight:700;font-size:11px;color:var(--pk4-muted)}.pk4-footer .pk4-container>small{width:100%;color:var(--pk4-muted)}
/* Standalone direct-login / register pages. */
.pk4-auth-page{min-height:100svh;background:radial-gradient(circle at 12% 12%,rgba(31,108,219,.08),transparent 33%),var(--pk4-bg)}.pk4-auth-header{display:flex;align-items:center;justify-content:space-between;padding:26px min(7vw,70px)}.pk4-auth-actions{display:flex;align-items:center;gap:20px}.pk4-auth-actions>a{font-weight:700;font-size:12px;color:var(--pk4-muted)}.pk4-auth-grid{max-width:1080px;min-height:calc(100svh - 190px);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding:25px 28px 65px}.pk4-auth-aside{padding:30px 0}.pk4-auth-aside h1{font-size:clamp(35px,4vw,51px);margin:20px 0}.pk4-auth-aside h1 em{font-style:normal;color:var(--pk4-blue)}.pk4-auth-aside p{color:var(--pk4-muted);max-width:390px;line-height:1.9}.pk4-auth-preview{margin-top:48px;border:1px solid var(--pk4-line);border-radius:13px;background:var(--pk4-surface);padding:18px 20px;max-width:360px;display:flex;gap:13px;align-items:center;box-shadow:var(--pk4-shadow)}.pk4-auth-preview b{display:grid;place-items:center;width:37px;height:37px;border-radius:9px;background:var(--pk4-tint);color:var(--pk4-blue)}.pk4-auth-preview span{display:grid;gap:3px}.pk4-auth-preview strong{font-size:12px}.pk4-auth-preview small{font-size:10px;color:var(--pk4-muted)}.pk4-auth-card{background:var(--pk4-surface);border:1px solid var(--pk4-line);border-radius:15px;padding:35px;box-shadow:var(--pk4-shadow);max-width:440px;width:100%;margin:auto}.pk4-auth-card h2{font-size:25px;margin:0 0 10px}.pk4-auth-card>p{font-size:12px;color:var(--pk4-muted);line-height:1.8;margin-bottom:24px}.pk4-auth-label{display:block;font-size:11px;font-weight:750;margin-bottom:7px}.pk4-auth-field{width:100%;height:46px;padding:11px 13px;border:1px solid var(--pk4-line);border-radius:8px;background:var(--pk4-bg);color:var(--pk4-text);font-size:13px;margin-bottom:15px;outline:none}.pk4-auth-field:focus{outline:2px solid var(--pk4-blue);border-color:transparent}.pk4-auth-form button[type=submit]{width:100%;min-height:47px;margin-top:4px}.pk4-auth-form button:disabled{opacity:.6;cursor:not-allowed}.pk4-auth-link{font-weight:750;color:var(--pk4-blue)!important}.pk4-auth-secondary{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:var(--pk4-muted);margin:5px 0 16px}.pk4-auth-notice{border:1px solid #e9c58c;background:#fff6e4;color:#89551b;border-radius:8px;padding:12px;font-size:12px;line-height:1.65;margin-bottom:16px}.pk4-auth-notice.info{background:var(--pk4-tint);border-color:var(--pk4-line);color:var(--pk4-text)}.pk4-auth-other{text-align:center;border-top:1px solid var(--pk4-line);margin-top:23px;padding-top:19px;font-size:11px;color:var(--pk4-muted)}.pk4-auth-sso{display:flex;justify-content:center;align-items:center;gap:12px;border-radius:9px;border:1px solid var(--pk4-line);padding:12px;margin-top:16px;font-size:11.5px;font-weight:750}.pk4-auth-sso:hover{background:var(--pk4-tint)}.pk4-auth-footer{text-align:center;color:var(--pk4-muted);font-size:10px;padding:0 12px 22px}
@media(max-width:1100px){.pk4-head-row{gap:25px}.pk4-nav{gap:19px}.pk4-hero-grid{gap:35px}.pk4-feature-grid{grid-template-columns:repeat(2,1fr)}.pk4-pricing,.pk4-split,.pk4-dev-grid{gap:45px}}
@media(max-width:790px){.pk4-container{width:calc(100% - 38px)}.pk4-header{height:70px}.pk4-nav{display:none;position:absolute;top:69px;left:0;right:0;flex-direction:column;gap:0;align-items:stretch;padding:12px 22px 23px;border-bottom:1px solid var(--pk4-line);background:var(--pk4-surface);box-shadow:0 14px 25px #0001}.pk4-nav.open{display:flex}.pk4-nav>a{padding:13px 7px;border-bottom:1px solid var(--pk4-line);font-size:13px}.pk4-nav .pk4-mobile-login,.pk4-nav .pk4-mobile-signup{display:block!important}.pk4-nav .pk4-mobile-signup{color:var(--pk4-blue);border-bottom:0}.pk4-head-login,.pk4-head-signup{display:none}.pk4-menu{display:flex;flex-direction:column;justify-content:center;gap:4px}.pk4-menu span{height:2px;width:17px;background:var(--pk4-text);border-radius:2px}.pk4-hero-grid{grid-template-columns:1fr;padding-top:65px;padding-bottom:60px}.pk4-hero-copy{max-width:620px}.pk4-product-shot{max-width:520px;margin:30px auto 0}.pk4-split,.pk4-pricing,.pk4-dev-grid{grid-template-columns:1fr;gap:35px}.pk4-section{padding:70px 0}.pk4-auth-grid{grid-template-columns:1fr;gap:12px;min-height:auto;max-width:540px}.pk4-auth-aside{padding:0}.pk4-auth-aside h1{font-size:32px}.pk4-auth-preview{display:none}.pk4-auth-card{max-width:100%}.pk4-auth-header{padding:20px 22px}.pk4-final-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:500px){.pk4-hero h1{font-size:37px;letter-spacing:-2px}.pk4-hero-copy>p{font-size:13px}.pk4-hero-buttons .pk4-btn{width:100%}.pk4-hero-trust{gap:10px 16px}.pk4-feature-grid{grid-template-columns:1fr}.pk4-feature{min-height:215px}.pk4-shot-amount{font-size:30px}.pk4-product-shot{padding:21px}.pk4-hero-bottom .pk4-container{gap:12px}.pk4-hero-bottom span{font-size:10px}.pk4-final h2{font-size:28px}.pk4-calc-result{flex-direction:column;align-items:flex-start}.pk4-auth-card{padding:27px 21px}.pk4-auth-grid{padding:10px 18px 52px}.pk4-auth-aside h1{font-size:30px}.pk4-auth-actions{gap:13px}.pk4-footer .pk4-container>div{margin-left:0;width:100%}}
@media(prefers-reduced-motion:reduce){.pk4-btn{transition:none}.pk4-btn:hover{transform:none}}

.pk4-mini-chart .pk4-bar-1{height:40%}.pk4-mini-chart .pk4-bar-2{height:65%}.pk4-mini-chart .pk4-bar-3{height:51%}.pk4-mini-chart .pk4-bar-4{height:83%}.pk4-mini-chart .pk4-bar-5{height:68%}.pk4-mini-chart .pk4-bar-6{height:95%}.pk4-mini-chart .pk4-bar-7{height:76%}

.pk4-auth-full{width:100%}.pk4-auth-resend{margin-top:15px}.pk4-link-button{border:0;background:none;padding:0;font-size:12px}.pk4-auth-disclaimer{font-size:11px;color:var(--pk4-muted);line-height:1.8;margin:14px 0 0}