/* COMIC POP — bright paper, bold ink, primary colors. pop is the first
   cascade layer so its important declarations outrank the legacy themes. */
@layer pop {
html[data-design="comic-pop"] {
  color-scheme:light!important;--ink:#192138!important;--text:#192138!important;--text-2:#526079!important;--muted:#526079!important;
  --bg:#dce8ff!important;--canvas:#dce8ff!important;--surface:#fff!important;--surface-2:#f0f4ff!important;--surface-3:#e3ebff!important;--elevated:#f0f4ff!important;
  --line:#192138!important;--stroke:#192138!important;--accent:#245fd6!important;--accent-btn:#ffda40!important;--on-accent:#192138!important;--ring:#dbe6ff!important;
  --info:#245fd6!important;--info-soft:#dce8ff!important;--ok:#087855!important;--bad:#bd2442!important;--warn:#7c5500!important;--purple:#673db6!important;
  --mc-bg:#dce8ff!important;--mc-bg2:#f0f4ff!important;--mc-card:#fff!important;--mc-text:#192138!important;--mc-text2:#526079!important;--mc-border:#192138!important;
  --pop-blue:#306cec!important;--pop-red:#f54c71!important;--pop-green:#39cea2!important;--pop-yellow:#ffda40!important;--shadow:4px 6px 0 #192138!important;
  background:#dce8ff!important;scroll-behavior:smooth!important;scroll-padding-top:105px!important;
}
html[data-design] body {font-family:'Nunito',system-ui,sans-serif!important;color:#192138!important;background:radial-gradient(circle,#a9c2ef 1.8px,transparent 2.2px) 0 0/18px 18px,#dce8ff!important;min-height:100vh!important;min-height:100dvh!important;max-width:none!important;transform:none!important;filter:none!important;perspective:none!important;contain:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;will-change:auto!important;animation:none!important}
html[data-design] body::before,html[data-design] body::after {display:none!important}
html[data-design] body * {color:inherit!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;box-sizing:border-box!important}
html[data-design] body :is(a,button) {touch-action:manipulation!important;text-decoration:none!important}
html[data-design] body :is(i,svg) {color:inherit!important}
html[data-design] body :is(h1,h2,h3,strong,b) {color:inherit!important}
html[data-design] body :is(.gradient-text,.mc-logo-text,.auth-title) {background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important}
html[data-design] body :is(p,small,.mc-label,.mc-stat-label,.docs-muted,.mc-topbar-sub) {color:#526079!important}
html[data-design] body :is(a,button,input,select,textarea,summary):focus-visible {outline:3px solid #165dd6!important;outline-offset:4px!important}
html[data-design] body :is(button,.mc-btn,.docs-button):disabled {opacity:.55!important;cursor:not-allowed!important}
html[data-design] body [hidden] {display:none!important}
html[data-design] body .mc-page {max-width:1100px!important;width:calc(100% - 32px)!important;padding:20px 0 140px!important;margin:0 auto!important}
html[data-design] body :is(.mc-card,.mc-stat-card,.mc-service-card,.mc-server-card,.mc-country-card,.mc-country-item,.mc-server-item,.mc-profile-card,.mc-pending-card,.mc-order-item,.mc-empty,.mc-receipt,.mc-notice,.auth-card,.adm-card,.adm-link,.cfg-card,.seo-card,.otp-provider-card,.quick-link,.mc-broadcast-card,.mc-cs-card,.docs-panel,.docs-endpoint,.docs-cover,.docs-sidebar,.feature,.step,.cta-box,.phone,.mc-table-wrap,.mc-chat-card,.key-hero,.rumahotp-panel,.rumahotp-hero,.mc-admin-entry,.api-doc-button,.support-link,.op-card,.account-key-card,.mc-menu-item) {
  background:#fff!important;border:3px solid #192138!important;border-radius:22px!important;box-shadow:4px 6px 0 #192138!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#192138!important;
}
html[data-design] body :is(.mc-card,.mc-service-card,.mc-stat-card,.quick-link,.mc-banner)::before {display:none!important}
html[data-design] body :is(.mc-btn,.btn,.mc-topup-btn,.docs-button,.adm-save,.mc-dialog-btn-confirm,.copy-btn,.account-key-actions button,.otp-create,.mc-banner-link) {background:#ffda40!important;border:3px solid #192138!important;border-radius:14px!important;color:#192138!important;box-shadow:2px 4px 0 #192138!important;font-weight:900!important;min-height:44px!important;transition:transform .18s ease,box-shadow .18s ease!important}
html[data-design] body :is(.mc-btn-outline,.btn-dark,.oauth-btn,.docs-button.dark,.mc-dialog-btn-cancel) {background:#fff!important;color:#192138!important}
html[data-design] body :is(.mc-btn-danger,.mc-btn-red,.btn-danger,.mc-dialog-btn-danger) {background:#ffb8c8!important;color:#7e1530!important}
html[data-design] body :is(.mc-btn-success,.mc-btn-ok,.btn-success) {background:#aaf0d5!important;color:#164c3d!important}
html[data-design] body :is(input,textarea,select,.mc-input,.mc-select,.form-control,.mc-search,.mc-chat-composer,.mc-chat-input) {background:#fff!important;border:2px solid #192138!important;color:#192138!important;border-radius:13px!important;box-shadow:none!important;caret-color:#192138!important}
html[data-design] body :is(input,textarea)::placeholder {color:#66738b!important;-webkit-text-fill-color:#66738b!important;opacity:1!important}
html[data-design] body input[type=checkbox],html[data-design] body input[type=radio] {accent-color:#306cec!important}
html[data-design] body .mc-search {box-shadow:2px 4px 0 #192138!important}
html[data-design] body .mc-search input {background:transparent!important;border:0!important;box-shadow:none!important}
html[data-design] body :is(.mc-tab,.mc-amount-btn,.mc-badge,.mc-status,.docs-filters button,.docs-code-tabs button,.docs-key button,.nv-pill-btn) {border:2px solid #192138!important;background:#fff!important;color:#192138!important;border-radius:12px!important;box-shadow:1px 3px 0 #192138!important}
html[data-design] body :is(.mc-tab.active,.mc-amount-btn.active,.docs-filters button.active,.docs-code-tabs button.active,.op-card.active) {background:#ffda40!important;color:#192138!important}
html[data-design] body :is(.mc-status-success,.mc-status-completed,.mc-status-active,.nv-pill-btn.ok) {background:#b7f1dc!important}
html[data-design] body :is(.mc-status-pending,.mc-status-waiting) {background:#fff0a2!important}
html[data-design] body :is(.mc-status-failed,.mc-status-cancelled,.mc-status-canceled) {background:#ffd0dc!important}
html[data-design] body :is(.mc-alert,.docs-note,.otp-config-form,.otp-topup-area,.otp-wallet,.otp-history-row,.rumahotp-invoice,.mc-receipt-row,.mc-profile-header,.mc-profile-menu-item) {background:#fff!important;border-color:#192138!important;color:#192138!important;border-radius:16px!important}
html[data-design] body :is(.mc-alert-warning,.docs-note) {background:#fff2b4!important;border:2px solid #192138!important}
html[data-design] body .mc-alert-error {background:#ffd0dc!important}
html[data-design] body :is(.mc-table th,th) {background:#dbe7ff!important;color:#192138!important}
html[data-design] body :is(.mc-table td,td) {border-color:#b4bfd2!important;color:#192138!important}
html[data-design] body :is(code,pre,kbd,.copy-box,.mc-otp-box,.mc-timer) {background:#edf3ff!important;color:#192138!important;border:1px solid #a0afc9!important;border-radius:8px!important}
html[data-design] body :is(.mc-dialog,.mc-toast,.docs-toast) {background:#fff!important;color:#192138!important;border:3px solid #192138!important;border-radius:18px!important;box-shadow:4px 6px 0 #192138!important}
html[data-design] body :is(.mc-dialog-overlay,.mc-modal-overlay) {background:#19213899!important}
html[data-design] body :is(.mc-chat-bubble,.mc-chat-own .mc-chat-bubble) {background:#e4edff!important;border:2px solid #192138!important;color:#192138!important}
html[data-design] body .mc-chat-own .mc-chat-bubble {background:#c0f3df!important}
html[data-design] body .mc-qr-box,html[data-design] body .mc-qr-box img {background:#fff!important}
/* Header matches the bold round controls in the reference. */
html[data-design] body .mc-header {position:sticky!important;top:0!important;z-index:900!important;background:#dce8ff!important;border:0!important;box-shadow:none!important;padding:12px 16px 16px!important;backdrop-filter:none!important}
html[data-design] body .mc-header-inner {display:flex!important;align-items:center!important;gap:12px!important;max-width:1100px!important;min-height:48px!important;margin:auto!important}
html[data-design] body .mc-logo {display:flex!important;gap:12px!important;align-items:center!important;min-width:0!important;flex:1!important}
html[data-design] body .mc-logo-text {font-size:22px!important;font-weight:900!important;color:#192138!important;letter-spacing:-.5px!important}
html[data-design] body .mc-logo-icon {display:grid!important;place-items:center!important;width:48px!important;height:48px!important;flex-shrink:0!important;border:3px solid #192138!important;border-radius:50%!important;background:#ffda40!important;color:#192138!important;box-shadow:1px 5px 0 #192138!important;transform:none!important;font-size:23px!important}
html[data-design] body :is(.pop-header-icon,.pop-orders) {height:48px!important;border:3px solid #192138!important;border-radius:30px!important;box-shadow:1px 5px 0 #192138!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;flex-shrink:0!important;font-weight:900!important}
html[data-design] body .pop-header-icon {width:48px!important;font-size:21px!important}
html[data-design] body .pop-menu-trigger {background:#306cec!important;color:#fff!important}
html[data-design] body .pop-orders {padding:0 15px!important;font-size:14px!important}
html[data-design] body .pop-orders b {background:#f54c71!important;border:2px solid #192138!important;border-radius:99px!important;padding:1px 9px!important;min-width:30px!important;text-align:center!important}
/* Speech bubble and original phone illustration. */
html[data-design] body .pop-welcome {display:grid!important;grid-template-columns:minmax(0,1fr) 110px!important;gap:20px!important;align-items:center!important;margin:8px 0 24px!important}
html[data-design] body .pop-speech {position:relative!important;border:3px solid #192138!important;background:#fff!important;border-radius:25px!important;padding:22px!important;box-shadow:3px 7px 0 #192138!important}
html[data-design] body .pop-speech::after {content:''!important;position:absolute!important;right:-10px!important;top:45%!important;width:16px!important;height:16px!important;background:#fff!important;border-top:3px solid #192138!important;border-right:3px solid #192138!important;transform:rotate(45deg)!important}
html[data-design] body .pop-speech small {font:400 20px 'Bangers',sans-serif!important;color:#c52b50!important;letter-spacing:.8px!important}
html[data-design] body .pop-speech h1 {font:900 clamp(23px,3vw,36px)/1.3 'Nunito',sans-serif!important;letter-spacing:-.5px!important;margin:5px 0!important}
html[data-design] body .pop-speech p {font-size:12px!important;margin-top:8px!important}
html[data-design] body .pop-hero-art {position:relative!important;text-align:center!important;transform:rotate(8deg)!important;color:#306cec!important;font-size:90px!important;filter:drop-shadow(4px 5px 0 #192138)!important}
html[data-design] body .pop-orbit {position:absolute!important;right:-3px!important;top:-20px!important;border:3px solid #192138!important;border-radius:10px!important;background:#ffda40!important;color:#192138!important;font:400 26px 'Bangers'!important;padding:4px 9px!important;transform:rotate(-18deg)!important}
html[data-design] body .pop-spark {position:absolute!important;left:0!important;bottom:-5px!important;color:#f54c71!important;font-size:44px!important}
html[data-design] body .pop-announcement {display:flex!important;align-items:center!important;gap:14px!important;padding:17px 20px!important;margin:0 0 26px!important;background:#fff!important;border:3px solid #192138!important;border-radius:22px!important;box-shadow:3px 6px 0 #192138!important;font-size:17px!important;line-height:1.4!important}
html[data-design] body .pop-announcement>span {font-size:28px!important}
html[data-design] body .pop-announcement>i {margin-left:auto!important}
/* Balance poster and colorful panels. */
html[data-design] body .dashboard-hero {gap:24px!important;margin-bottom:30px!important}
html[data-design] body .mc-balance-card {position:relative!important;background:radial-gradient(circle,#ffffff20 2px,transparent 2.5px) 0 0/16px 16px,linear-gradient(135deg,#4386ff,#2458ce)!important;border:3px solid #192138!important;border-radius:26px!important;box-shadow:5px 7px 0 #ffda40,8px 11px 0 #192138!important;color:#fff!important;padding:26px!important;overflow:visible!important}
html[data-design] body .mc-balance-card::before,html[data-design] body .mc-balance-card::after {display:none!important}
html[data-design] body .mc-balance-card :is(p,small,.mc-balance-label,.bal-meta,.panel-connection) {color:#fff!important}
html[data-design] body .mc-balance-label {font:900 18px 'Nunito',sans-serif!important;letter-spacing:0!important;gap:12px!important;max-width:80%!important}
html[data-design] body .mc-balance-label>i {background:#fff!important;color:#192138!important;border:3px solid #192138!important;border-radius:13px!important;padding:12px!important;box-shadow:2px 4px 0 #192138!important}
html[data-design] body .mc-balance-amount {font:400 clamp(52px,7vw,78px)/1.1 'Bangers',sans-serif!important;letter-spacing:1px!important;margin:26px 0!important;overflow-wrap:anywhere!important;text-shadow:3px 4px 0 #192138!important;color:#fff!important}
html[data-design] body .mc-balance-amount .bal-num {font:inherit!important;color:#fff!important;text-shadow:3px 4px 0 #192138!important}
html[data-design] body .mc-balance-amount>span {font:400 30px 'Bangers',sans-serif!important;color:#ffda40!important;text-shadow:2px 3px 0 #192138!important}
html[data-design] body .balance-card-bottom {display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:15px!important}
html[data-design] body .mc-topup-btn {display:flex!important;justify-content:center!important;width:100%!important;padding:14px!important;font:400 26px 'Bangers',sans-serif!important;letter-spacing:.6px!important}
html[data-design] body .live-badge {display:none!important}
html[data-design] body .panel-connection {border-color:#ffffff55!important;font-size:10px!important;flex-wrap:wrap!important}
html[data-design] body .pop-pow {position:absolute!important;right:8px!important;top:-10px!important;display:grid!important;place-items:center!important;width:80px!important;height:80px!important;background:#ffda40!important;color:#192138!important;font:400 29px 'Bangers'!important;transform:rotate(10deg)!important;clip-path:polygon(50% 0,62% 17%,85% 6%,82% 30%,100% 40%,84% 56%,95% 79%,69% 78%,60% 100%,44% 82%,20% 95%,22% 70%,0 62%,16% 44%,4% 23%,31% 23%)!important}
html[data-design] body .mc-banner {background:#39cea2!important;border:3px solid #192138!important;border-radius:24px!important;box-shadow:4px 6px 0 #192138!important;color:#192138!important;padding:26px!important}
html[data-design] body .hero-tag {background:#fff!important;border:2px solid #192138!important;border-radius:7px!important;padding:5px 10px!important;color:#192138!important}
html[data-design] body .mc-banner-title {font:400 42px/1.05 'Bangers',sans-serif!important;color:#192138!important}
html[data-design] body .mc-banner-sub {color:#1e4d43!important}
html[data-design] body .sim-art {color:#14755b!important;opacity:.2!important}
html[data-design] body .quick-link:nth-child(4n+1) {background:#ffda40!important}
html[data-design] body .quick-link:nth-child(4n+2) {background:#b5f0d9!important}
html[data-design] body .quick-link:nth-child(4n+3) {background:#ffbed0!important}
html[data-design] body .quick-link:nth-child(4n+4) {background:#bfdaff!important}
html[data-design] body :is(.quick-icon,.mc-service-icon,.mc-stat-icon,.mc-profile-menu-icon,.mc-pending-icon) {background:#ffda40!important;color:#192138!important;border:2px solid #192138!important;border-radius:15px!important;box-shadow:2px 3px 0 #192138!important;transform:none!important}
html[data-design] body .quick-icon {background:#fff!important}
html[data-design] body :is(.section-heading h2,.mc-pixel-header,.mc-section-title) {color:#192138!important;text-shadow:none!important}
html[data-design] body .section-heading h2 {font:400 27px 'Bangers',sans-serif!important;letter-spacing:.5px!important}
html[data-design] body .otp-shop-server {background:#fff!important;border:2px solid #192138!important;border-radius:18px!important;box-shadow:2px 4px 0 #192138!important;color:#192138!important;opacity:1!important}
html[data-design] body .otp-shop-server.selected {background:#ffda40!important}
html[data-design] body .otp-shop-server.offline {background:#edf0f6!important;box-shadow:1px 2px 0 #192138!important}
html[data-design] body .otp-online-dot {background:#d42d50!important}
html[data-design] body .online .otp-online-dot {background:#09865e!important}
html[data-design] body .mc-service-grid {gap:16px!important}
html[data-design] body .mc-service-card {min-height:150px!important;padding:20px 12px!important}
html[data-design] body .mc-service-card:nth-child(4n+2) .mc-service-icon {background:#b6f1dc!important}
html[data-design] body .mc-service-card:nth-child(4n+3) .mc-service-icon {background:#ffd0dc!important}
html[data-design] body .mc-service-card:nth-child(4n+4) .mc-service-icon {background:#bedaff!important}
/* Floating five-item dock, no transformed ancestor. */
html[data-design] body .mc-bottom-nav {position:fixed!important;inset:auto 12px max(12px,env(safe-area-inset-bottom))!important;transform:none!important;width:calc(100% - 24px)!important;max-width:620px!important;margin:0 auto!important;height:94px!important;padding:9px 8px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important;border:3px solid #192138!important;border-top-width:6px!important;border-radius:32px!important;background:#fff!important;box-shadow:0 4px 0 #192138!important;z-index:1000!important;backdrop-filter:none!important;animation:none!important}
html[data-design] body .mc-nav-item {display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:3px!important;gap:4px!important;min-width:0!important;color:#526079!important;font:900 11px 'Nunito',sans-serif!important;border:0!important;border-radius:22px!important;background:transparent!important;box-shadow:none!important}
html[data-design] body .mc-nav-icon {display:grid!important;place-items:center!important;width:32px!important;height:30px!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:22px!important;transform:none!important}
html[data-design] body .mc-nav-item.active:not(.mc-nav-deposit) {background:#ffda40!important;color:#192138!important;border:2px solid #192138!important;box-shadow:2px 3px 0 #192138!important}
html[data-design] body .mc-nav-item.active .mc-nav-icon {background:transparent!important;color:inherit!important}
html[data-design] body .mc-nav-deposit {position:relative!important;justify-content:flex-end!important;overflow:visible!important;margin:0!important;padding-bottom:5px!important}
html[data-design] body .mc-nav-deposit-btn {position:absolute!important;top:-32px!important;display:grid!important;place-items:center!important;width:58px!important;height:58px!important;border:4px solid #192138!important;border-radius:50%!important;background:#f54c71!important;color:#fff!important;box-shadow:0 5px 0 #192138!important;font-size:24px!important;transform:none!important;margin:0!important;animation:none!important}
html[data-design] body .mc-nav-deposit-btn::after {display:none!important}
html[data-design] body .mc-nav-deposit.active>span {color:#192138!important;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important}
html[data-design] body .mc-nav-spacer {height:env(safe-area-inset-bottom)!important}
html[data-design] body .pop-chat-fab {position:fixed!important;right:max(16px,calc((100vw - 1100px)/2))!important;bottom:calc(130px + env(safe-area-inset-bottom))!important;width:52px!important;height:52px!important;display:grid!important;place-items:center!important;border:3px solid #192138!important;border-radius:50%!important;background:#306cec!important;color:#fff!important;font-size:26px!important;box-shadow:2px 5px 0 #192138!important;z-index:990!important}
html[data-design] body .mc-order-sticky {background:#fff!important;bottom:calc(120px + env(safe-area-inset-bottom))!important;border:2px solid #192138!important;color:#192138!important}
html[data-design] body .mc-toast {bottom:calc(130px + env(safe-area-inset-bottom))!important}
/* Native modal supplies focus trapping, Escape and accessible semantics. */
html.pop-menu-open {overflow:hidden!important}
html[data-design] body .pop-menu {position:fixed!important;inset:auto 0 18px!important;margin:0 auto!important;width:calc(100% - 24px)!important;max-width:520px!important;max-height:calc(100dvh - 48px)!important;overflow:auto!important;border:3px solid #192138!important;border-radius:28px!important;background:#fff!important;color:#192138!important;box-shadow:5px 7px 0 #192138!important;padding:24px!important}
html[data-design] body .pop-menu:not([open]) {display:none!important}
html[data-design] body .pop-menu::backdrop {background:#19213899!important}
html[data-design] body .pop-menu-heading {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:22px!important}
html[data-design] body .pop-menu-heading small {font-size:10px!important;letter-spacing:1px!important;font-weight:900!important}
html[data-design] body .pop-menu-heading h2 {font:400 32px 'Bangers'!important;margin-top:5px!important}
html[data-design] body .pop-menu-heading button {height:42px!important;width:42px!important;border:2px solid #192138!important;border-radius:50%!important;background:#ffbed0!important;box-shadow:2px 3px 0 #192138!important;cursor:pointer!important;font-size:20px!important}
html[data-design] body .pop-menu-grid {display:grid!important;grid-template-columns:1fr 1fr!important;gap:13px!important}
html[data-design] body .pop-menu-grid a {display:flex!important;align-items:center!important;gap:10px!important;padding:16px 12px!important;border:2px solid #192138!important;border-radius:15px!important;box-shadow:2px 3px 0 #192138!important;background:#e2edff!important;font-size:12px!important;font-weight:900!important}
html[data-design] body .pop-menu-grid a:nth-child(3n+2) {background:#c2f5df!important}
html[data-design] body .pop-menu-grid a:nth-child(3n+3) {background:#fff0a2!important}
/* API documentation uses paper panels, yellow tabs, distinct method badges. */
html[data-design] body .docs-nav {position:sticky!important;top:0!important;z-index:900!important;height:68px!important;max-width:none!important;background:#dce8ff!important;border:0!important;border-radius:0!important;padding:12px max(16px,calc((100vw - 1180px)/2))!important;box-shadow:none!important}
html[data-design] body .docs-brand {font:900 21px 'Nunito',sans-serif!important;color:#192138!important}
html[data-design] body .docs-jump-nav {position:sticky!important;top:68px!important;z-index:890!important;display:flex!important;gap:8px!important;padding:10px max(16px,calc((100vw - 1180px)/2))!important;background:#dce8ff!important;border-bottom:2px solid #192138!important;overflow-x:auto!important}
html[data-design] body .docs-jump-nav a {white-space:nowrap!important;padding:9px 12px!important;background:#fff!important;border:2px solid #192138!important;border-radius:12px!important;box-shadow:1px 3px 0 #192138!important;font-size:12px!important;font-weight:900!important}
html[data-design] body .docs-wrap {padding-top:24px!important;padding-bottom:20px!important}
html[data-design] body .docs-cover {background:#306cec!important;color:#fff!important;padding:32px!important}
html[data-design] body .docs-cover h1 {font:400 clamp(42px,6vw,72px)/1 'Bangers',sans-serif!important;letter-spacing:1px!important;color:#fff!important}
html[data-design] body .docs-cover h1 em {background:#ffda40!important;color:#192138!important;border:2px solid #192138!important;box-shadow:3px 4px 0 #192138!important;transform:rotate(-2deg)!important;padding:4px 12px!important}
html[data-design] body .docs-cover :is(p,.docs-kicker) {color:#fff!important}
html[data-design] body .docs-cover-art {background:#ffda40!important;border:3px solid #192138!important;border-radius:24px!important;box-shadow:4px 6px 0 #192138!important}
html[data-design] body .docs-cover-art b {background:transparent!important;border:0!important;color:#192138!important;box-shadow:none!important;font-family:'Bangers',sans-serif!important}
html[data-design] body .docs-label {display:none!important}
html[data-design] body .docs-facts {background:transparent!important;gap:12px!important}
html[data-design] body .docs-facts>span {background:#fff!important;border:2px solid #192138!important;border-radius:14px!important;box-shadow:2px 4px 0 #192138!important}
html[data-design] body .docs-facts>span:nth-child(2) {background:#c2f5df!important}
html[data-design] body .docs-facts>span:nth-child(3) {background:#fff0a2!important}
html[data-design] body .docs-panel h2 {font:400 32px 'Bangers',sans-serif!important;letter-spacing:.5px!important}
html[data-design] body :is(.docs-panel,.docs-endpoint) {scroll-margin-top:150px!important}
html[data-design] body .docs-sidebar {top:145px!important;max-height:calc(100dvh - 160px)!important;overflow:auto!important;box-shadow:3px 5px 0 #192138!important}
html[data-design] body .docs-base-url {display:grid!important;gap:12px!important;background:#edf3ff!important;border:2px solid #192138!important;border-radius:14px!important;padding:16px!important;margin:20px 0!important;font-size:12px!important;font-weight:900!important}
html[data-design] body .docs-base-url code {padding:10px!important;overflow-wrap:anywhere!important}
html[data-design] body .docs-base-url button {justify-self:start!important}
html[data-design] body :is(.docs-code-tabs,.docs-key,.docs-response-example,.docs-table-wrap) {background:#f0f4ff!important;color:#192138!important;border-color:#192138!important;border-radius:12px!important}
html[data-design] body .docs-code {background:#edf3ff!important;color:#192138!important;border:2px solid #192138!important;box-shadow:none!important;border-radius:12px!important}
html[data-design] body .docs-code code {background:transparent!important;border:0!important;color:#192138!important;font-size:12px!important;line-height:1.7!important}
html[data-design] body .docs-method {background:#b5f0d9!important;color:#164c3d!important;border:2px solid #192138!important;border-radius:7px!important}
html[data-design] body .docs-method.post {background:#ffda40!important;color:#192138!important}
html[data-design] body .docs-count {background:#ffbed0!important;color:#192138!important;border:2px solid #192138!important}
html[data-design] body .docs-button {box-shadow:2px 4px 0 #192138!important}
/* Other page shells and inline utility surfaces. */
html[data-design] body :is(.mc-admin-nav,.mc-topbar,.adm-chips,.footer,.features,.steps,.auth-wrapper) {background:transparent!important;color:#192138!important;border-color:#192138!important;backdrop-filter:none!important}
html[data-design] body .mc-admin-nav-item {background:#fff!important;border:2px solid #192138!important;color:#192138!important}
html[data-design] body .mc-admin-nav-item.active {background:#ffda40!important}
html[data-design] body :is(.auth-card,.phone,.feature,.step) {color:#192138!important}
html[data-design] body :is(.hero,.balance-card,.mini-card) {background:#fff!important;color:#192138!important;border:3px solid #192138!important;border-radius:22px!important;box-shadow:4px 6px 0 #192138!important}
html[data-design] body :is(.mc-pixel-bg,.nv-aurora,.nv-progress,.nv-skin-btn) {display:none!important}
@media(hover:hover) {
 html[data-design] body :is(.quick-link,.mc-service-card,.pop-menu-grid a,.mc-btn,.mc-topup-btn,.docs-button):hover {transform:translateY(-3px)!important;transition:transform .18s ease!important}
}
html[data-design] body :is(.mc-btn,.mc-topup-btn,.docs-button,.pop-header-icon):active {transform:translateY(2px)!important;box-shadow:0 1px 0 #192138!important}
@media(max-width:800px) {
 html[data-design] body .docs-sidebar {display:none!important}
 html[data-design] body .docs-layout {grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:600px) {
 html[data-design] body .mc-logo-text {display:none!important}
 html[data-design] body .mc-logo {flex:0 0 auto!important}
 html[data-design] body .mc-header-inner {gap:10px!important}
 html[data-design] body .pop-orders {flex:1!important;min-width:0!important;font-size:14px!important;padding:0 8px!important}
 html[data-design] body .dashboard-hero {grid-template-columns:1fr!important}
 html[data-design] body .pop-welcome {grid-template-columns:minmax(0,1fr) 80px!important;gap:14px!important}
 html[data-design] body .pop-speech {padding:17px!important}
 html[data-design] body .pop-speech h1 {font-size:23px!important}
 html[data-design] body .pop-hero-art {font-size:76px!important}
 html[data-design] body .pop-announcement {font-size:15px!important;padding:16px!important}
 html[data-design] body .mc-balance-card {padding:22px!important}
 html[data-design] body .quick-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
 html[data-design] body .quick-link {padding:15px 12px!important;gap:10px!important}
 html[data-design] body .quick-link>i {display:none!important}
 html[data-design] body .quick-icon {width:36px!important;height:36px!important;font-size:16px!important;flex-shrink:0!important}
 html[data-design] body .quick-link>span:nth-child(2) {font-size:12px!important}
 html[data-design] body .quick-link small {font-size:9px!important}
 html[data-design] body .docs-wrap {padding-inline:14px!important}
 html[data-design] body .docs-cover {padding:24px!important}
 html[data-design] body .docs-panel {padding:18px 12px!important}
 html[data-design] body .docs-facts>span {padding:10px 8px!important}
 html[data-design] body .docs-jump-nav {padding:8px 12px!important;gap:6px!important}
 html[data-design] body .docs-jump-nav a {font-size:10px!important;padding:9px!important}
}
@media(max-width:360px) {
 html[data-design] body .mc-header {padding-inline:12px!important}
 html[data-design] body .mc-header-inner {gap:7px!important}
 html[data-design] body :is(.pop-header-icon,.mc-logo-icon) {width:42px!important;height:42px!important}
 html[data-design] body .pop-orders {height:42px!important;font-size:12px!important;gap:5px!important}
 html[data-design] body .mc-nav-item {font-size:9px!important}
 html[data-design] body .mc-nav-deposit-btn {width:54px!important;height:54px!important}
 html[data-design] body .pop-welcome {grid-template-columns:minmax(0,1fr) 62px!important}
 html[data-design] body .pop-speech h1 {font-size:20px!important}
 html[data-design] body .pop-hero-art {font-size:62px!important}
 html[data-design] body .pop-speech small {font-size:17px!important}
}
@media(prefers-reduced-motion:reduce) {
 html[data-design],html[data-design] body *,html[data-design] body *::before,html[data-design] body *::after {scroll-behavior:auto!important;animation:none!important;transition:none!important}
}
}

@layer pop {
html[data-design] body .docs-cover h1 em {font:inherit!important}
html[data-design] body .pop-announcement>span {color:#d32f50!important}
html[data-design] body .mc-balance-card .mc-balance-label {color:#fff!important;opacity:1!important}
html[data-design] body .mc-balance-label>i {display:grid!important;place-items:center!important;width:48px!important;height:48px!important;flex:0 0 48px!important;padding:0!important}
}
@layer pop {
html[data-design] body .pop-welcome {overflow:clip!important;padding:10px 8px 12px 0!important;margin-top:-2px!important}
html[data-design] body .pop-hero-art {transform:rotate(6deg) scale(.88)!important;transform-origin:center!important}
}

/* Save settings follows the last form section; it never overlays inputs. */
@layer pop {
html[data-design] body .adm-savebar {
  position:static!important;inset:auto!important;z-index:auto!important;
  transform:none!important;width:100%!important;margin:24px 0 0!important;
  background:#fff!important;border:2px solid #192138!important;color:#192138!important;
  box-shadow:3px 5px 0 #192138!important;backdrop-filter:none!important;
}
}

/* Opaque landing header: page content must never bleed through while scrolling. */
@layer pop {
html[data-design] body.comic-landing .nav {
  background:#dce8ff!important;
  background-image:none!important;
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-bottom:3px solid #192138!important;
  box-shadow:0 3px 0 #192138!important;
  z-index:1000!important;
}
}