/* ARMUFA MODERN 2026 — UI system
   Palette: midnight navy / white / electric blue / cyan / violet.
   All visual overrides live in the existing pop cascade layer: legacy layout,
   event handlers, HTML IDs and payment/provider scripts remain untouched. */
@layer pop {
html[data-design="armufa-modern"] {
  color-scheme:light!important;
  --bg:#f3f6fc!important;--canvas:#f3f6fc!important;--canvas2:#e9effa!important;
  --surface:#fff!important;--surface-2:#f1f5ff!important;--surface-3:#e6efff!important;
  --elevated:#f8faff!important;--ink:#13213d!important;--text:#13213d!important;
  --text-2:#526582!important;--muted:#526582!important;--line:#dae3f0!important;
  --stroke:#dae3f0!important;--accent:#2463eb!important;--accent-btn:#225be0!important;
  --on-accent:#fff!important;--ring:rgba(36,99,235,.16)!important;
  --info:#2359cf!important;--info-soft:#e8f0ff!important;
  --ok:#087b57!important;--ok-soft:#e5f9f0!important;
  --warn:#955c10!important;--warn-soft:#fff5d9!important;
  --bad:#c22b46!important;--bad-soft:#fff0f2!important;
  --purple:#6350b8!important;--purple-soft:#f1edff!important;
  --mc-bg:#f3f6fc!important;--mc-bg2:#e9effa!important;--mc-card:#fff!important;
  --mc-text:#13213d!important;--mc-text2:#526582!important;--mc-border:#dae3f0!important;
  --mc-green:#0ba87d!important;--mc-blue:#2463eb!important;--mc-yellow:#f4b947!important;
  --mc-font:'Inter','Plus Jakarta Sans','Nunito',system-ui,sans-serif!important;
  --mc-shadow:0 18px 50px rgba(15,35,81,.08)!important;
  --mc-shadow-sm:0 8px 24px rgba(15,35,81,.065)!important;
  --shadow:0 18px 50px rgba(15,35,81,.08)!important;
  --theme-text:#13213d!important;--theme-subtext:#526582!important;
  --theme-icon:#2463eb!important;--theme-icon-secondary:#526582!important;
  --theme-button:#2463eb!important;--theme-button-ink:#fff!important;
  --pop-blue:#2463eb!important;--pop-red:#e15b80!important;
  --pop-green:#18b9a1!important;--pop-yellow:#f4b947!important;
}
html[data-design="armufa-modern"] body {
  margin:0!important;min-width:320px!important;max-width:none!important;
  background:#f3f6fc!important;
  background-image:radial-gradient(ellipse 55% 400px at 96% 0%,#dceaff 0%,transparent 100%),radial-gradient(ellipse 45% 360px at -15% 38%,#e9eaff 0%,transparent 100%)!important;
  color:#14233d!important;font:500 14px/1.65 'Inter','Plus Jakarta Sans','Nunito',system-ui,sans-serif!important;
  letter-spacing:-.01em!important;-webkit-font-smoothing:antialiased;
}
html[data-design="armufa-modern"] body *,html[data-design="armufa-modern"] body *::before,html[data-design="armufa-modern"] body *::after{box-sizing:border-box}
html[data-design="armufa-modern"] body :is(h1,h2,h3,h4,strong,b){letter-spacing:-.025em!important}
html[data-design="armufa-modern"] body :is(button,input,select,textarea){font-family:inherit!important}
html[data-design="armufa-modern"] body :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #77a9ff!important;outline-offset:3px!important}
html[data-design="armufa-modern"] body a{text-decoration:none}
html[data-design="armufa-modern"] body :is(.mc-pixel-bg,.mc-pixel-tile,.comic-sticker,.pop-pow,.pop-spark){display:none!important}
html[data-design="armufa-modern"] body :is(.mc-page,.docs-wrap){width:min(1160px,calc(100% - 44px))!important;max-width:1160px!important;margin-right:auto!important;margin-left:auto!important;min-width:0!important}
html[data-design="armufa-modern"] body .mc-page{padding:30px 0 116px!important;position:relative!important}
html[data-design="armufa-modern"] body .mc-page:has(> .mc-topbar){padding-top:20px!important}
html[data-design="armufa-modern"] body .mc-nav-spacer{height:calc(86px + env(safe-area-inset-bottom))!important}
html[data-design="armufa-modern"] body .mc-section-title{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin:26px 0 16px!important;color:#14233d!important;font-size:clamp(18px,2.1vw,23px)!important;font-weight:850!important;letter-spacing:-.04em!important;text-transform:none!important;text-shadow:none!important;border:0!important;background:none!important}
html[data-design="armufa-modern"] body .mc-section-title>i{display:grid!important;place-items:center!important;flex:0 0 35px!important;width:35px!important;height:35px!important;border-radius:12px!important;background:#e9f0ff!important;color:#2463eb!important;font-size:15px!important;box-shadow:none!important}
html[data-design="armufa-modern"] body :is(.mc-pixel-header,.section-heading h2){font-size:clamp(19px,2.3vw,25px)!important;font-family:inherit!important;font-weight:850!important;text-transform:none!important;letter-spacing:-.04em!important;color:#14233d!important;text-shadow:none!important;background:none!important;border:0!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .section-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:28px 0 15px!important}
html[data-design="armufa-modern"] body .section-heading span{color:#60738f!important;font-size:12px!important}
html[data-design="armufa-modern"] body .mc-topbar{display:flex!important;align-items:center!important;gap:12px!important;padding:14px 0!important;border:0!important;box-shadow:none!important;background:transparent!important}
html[data-design="armufa-modern"] body .mc-topbar-title{font-size:clamp(19px,2vw,26px)!important;font-weight:850!important;color:#13213d!important}
html[data-design="armufa-modern"] body .mc-topbar-sub{color:#60738f!important;font-size:12px!important}
html[data-design="armufa-modern"] body .mc-back-btn{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:13px!important;background:#fff!important;color:#14233d!important;border:1px solid #dce5f3!important;box-shadow:0 5px 16px #14294d10!important}
/* Site header — high contrast night surface. */
html[data-design="armufa-modern"] body .mc-header{position:sticky!important;top:0!important;z-index:900!important;padding:0 20px!important;min-height:78px!important;background:rgba(9,21,46,.97)!important;border:0!important;border-bottom:1px solid #263b60!important;box-shadow:0 10px 26px rgba(7,20,44,.13)!important;backdrop-filter:blur(18px)!important}
html[data-design="armufa-modern"] body .mc-header-inner{width:100%!important;max-width:1160px!important;min-height:78px!important;margin:auto!important;display:flex!important;align-items:center!important;gap:12px!important}
html[data-design="armufa-modern"] body .mc-logo{display:flex!important;align-items:center!important;gap:12px!important;flex:1!important;min-width:0!important;color:#fff!important}
html[data-design="armufa-modern"] body .mc-logo-icon{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;border:1px solid #6e9eff66!important;border-radius:13px!important;background:linear-gradient(145deg,#2d72f4,#1545b8)!important;color:white!important;box-shadow:0 5px 15px #061b4890!important;transform:none!important}
html[data-design="armufa-modern"] body .mc-brand-logo-img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
html[data-design="armufa-modern"] body .mc-logo-text{color:#fff!important;font:850 clamp(16px,2.1vw,21px)/1.2 'Inter','Nunito',sans-serif!important;letter-spacing:-.035em!important;text-shadow:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html[data-design="armufa-modern"] body :is(.pop-header-icon,.pop-orders){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;flex-shrink:0!important;min-height:41px!important;height:42px!important;padding:0 13px!important;background:#172c50!important;color:#edf5ff!important;border:1px solid #355078!important;border-radius:12px!important;box-shadow:none!important;font-weight:750!important;font-size:12px!important;transition:background .18s,border-color .18s,transform .18s!important}
html[data-design="armufa-modern"] body .pop-header-icon{width:42px!important;padding:0!important;font-size:16px!important}
html[data-design="armufa-modern"] body .pop-menu-trigger{background:#2463eb!important;border-color:#3475f7!important;color:#fff!important}
html[data-design="armufa-modern"] body :is(.pop-header-icon,.pop-orders):hover{background:#285398!important;color:white!important;border-color:#6699ff!important;transform:translateY(-1px)!important}
html[data-design="armufa-modern"] body .pop-orders b{display:grid!important;place-items:center!important;min-width:21px!important;min-height:21px!important;padding:0 5px!important;color:#07152d!important;background:#82eff1!important;border:0!important;border-radius:7px!important;font-size:11px!important;box-shadow:none!important}
/* Bottom navigation, compact and legible. */
html[data-design="armufa-modern"] body .mc-bottom-nav{position:fixed!important;z-index:850!important;left:50%!important;transform:translateX(-50%)!important;bottom:13px!important;display:flex!important;align-items:stretch!important;justify-content:space-between!important;gap:3px!important;width:min(620px,calc(100% - 28px))!important;min-height:66px!important;padding:8px!important;padding-bottom:8px!important;border:1px solid #d3dfef!important;border-radius:22px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 13px 45px rgba(16,34,70,.16)!important;backdrop-filter:blur(16px)!important}
html[data-design="armufa-modern"] body .mc-nav-item{position:relative!important;flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:4px 2px!important;min-width:0!important;color:#687995!important;background:none!important;border:0!important;border-radius:14px!important;font-size:10px!important;font-weight:750!important;line-height:1.25!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .mc-nav-icon{display:grid!important;place-items:center!important;width:30px!important;height:27px!important;min-width:0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:inherit!important;font-size:17px!important;box-shadow:none!important;transform:none!important}
html[data-design="armufa-modern"] body .mc-nav-item.active{background:#eaf1ff!important;color:#1d59db!important}
html[data-design="armufa-modern"] body .mc-nav-item.active .mc-nav-icon{color:#1d59db!important;border:0!important;box-shadow:none!important;background:transparent!important}
html[data-design="armufa-modern"] body .mc-nav-deposit .mc-nav-icon{background:#2463eb!important;color:#fff!important;border-radius:10px!important;width:38px!important;height:35px!important;box-shadow:0 5px 13px #2463eb3b!important}
html[data-design="armufa-modern"] body .pop-chat-fab{position:fixed!important;right:22px!important;bottom:103px!important;display:grid!important;place-items:center!important;width:53px!important;height:53px!important;border:1px solid #ffffff70!important;border-radius:17px!important;background:linear-gradient(150deg,#2669ed,#164cbf)!important;color:#fff!important;box-shadow:0 10px 25px #1453bb45!important;transform:none!important}
/* Shared surfaces */
html[data-design="armufa-modern"] body :is(.mc-card,.mc-stat-card,.mc-service-card,.mc-server-card,.mc-country-card,.mc-order-item,.mc-broadcast-card,.mc-cs-card,.mc-profile-card,.mc-table-wrap,.docs-panel,.otp-provider-card,.rumahotp-panel,.promo-upload-card,.adm-card,.cfg-card,.seo-card,.github-card){background:#fff!important;color:#13213d!important;border:1px solid #dfe7f3!important;border-radius:20px!important;box-shadow:0 11px 34px rgba(21,43,78,.055)!important;text-shadow:none!important}
html[data-design="armufa-modern"] body .mc-card{padding:22px!important}
html[data-design="armufa-modern"] body .mc-card :is(p,small,span,div,label){text-shadow:none!important}
html[data-design="armufa-modern"] body :is(.mc-card,.mc-stat-card,.mc-service-card,.quick-link,.mc-order-item,.mc-cs-card,.mc-broadcast-card):is(:hover,:focus-within){border-color:#a9c5f8!important}
html[data-design="armufa-modern"] body :is(.mc-card,.mc-stat-card,.mc-service-card,.quick-link,.mc-order-item,.mc-cs-card,.mc-broadcast-card){transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease!important}
html[data-design="armufa-modern"] body :is(a.mc-card,a.mc-service-card,a.quick-link,a.mc-order-item):hover{transform:translateY(-3px)!important;box-shadow:0 18px 34px rgba(26,65,120,.13)!important}
html[data-design="armufa-modern"] body :is(.mc-stat-icon,.mc-service-icon,.mc-profile-menu-icon,.quick-icon,.mc-pending-icon,.mc-cs-icon){display:grid!important;place-items:center!important;flex-shrink:0!important;border:0!important;border-radius:14px!important;background:#e9f0ff!important;color:#2463eb!important;box-shadow:none!important;transform:none!important}
html[data-design="armufa-modern"] body :is(.mc-stat-icon.green,.quick-link:nth-child(4n+2) .quick-icon){background:#dcfaf3!important;color:#087f70!important}
html[data-design="armufa-modern"] body :is(.mc-stat-icon.orange,.quick-link:nth-child(4n+3) .quick-icon){background:#fff0d9!important;color:#ad660b!important}
html[data-design="armufa-modern"] body :is(.mc-stat-icon.purple,.quick-link:nth-child(4n+4) .quick-icon){background:#f0ebff!important;color:#6651bc!important}
html[data-design="armufa-modern"] body .mc-stat-card{min-height:138px!important;padding:22px!important;position:relative!important;overflow:hidden!important}
html[data-design="armufa-modern"] body .mc-stats-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}
html[data-design="armufa-modern"] body .mc-stats-grid>.mc-stat-card{grid-column:auto!important}
html[data-design="armufa-modern"] body .mc-stat-icon{width:42px!important;height:42px!important;margin:0 0 12px!important;font-size:19px!important}
html[data-design="armufa-modern"] body .mc-stat-value{color:#112341!important;font:850 clamp(22px,3vw,30px)/1.2 'Inter','Nunito',sans-serif!important;letter-spacing:-.045em!important}
html[data-design="armufa-modern"] body .mc-stat-label{color:#61728e!important;font-size:12px!important;font-weight:650!important;line-height:1.45!important}
/* Input system: text always dark on white; placeholder visible. */
html[data-design="armufa-modern"] body :is(.mc-input,.mc-select,.mc-search input,.mc-dialog-input-field,.mc-dialog-select,.docs-key input,.docs-field input,.docs-field select,.docs-field textarea,.form-control,.seo-textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="url"],input[type="tel"],input[type="search"],textarea,select){background:#f8faff!important;color:#142541!important;-webkit-text-fill-color:#142541!important;border:1px solid #cbd8e9!important;border-radius:12px!important;box-shadow:none!important;font:650 14px/1.4 'Inter','Nunito',sans-serif!important;min-height:44px!important;max-width:100%!important;outline:none!important}
html[data-design="armufa-modern"] body :is(.mc-input,.mc-select,.mc-search input,textarea,select,input):focus{border-color:#3476f5!important;box-shadow:0 0 0 4px #3476f51c!important;background:white!important}
html[data-design="armufa-modern"] body :is(input,textarea)::placeholder{color:#7e8da4!important;opacity:1!important;-webkit-text-fill-color:#7e8da4!important}
html[data-design="armufa-modern"] body :is(input[type="checkbox"],input[type="radio"]){min-height:0!important;width:auto!important;accent-color:#2463eb!important;box-shadow:none!important}
html[data-design="armufa-modern"] body :is(.mc-label,label.mc-label,.docs-key label){display:block!important;color:#233650!important;font-size:12px!important;font-weight:780!important;letter-spacing:0!important;margin-bottom:7px!important}
html[data-design="armufa-modern"] body .mc-input-group{margin-bottom:17px!important}
html[data-design="armufa-modern"] body .mc-input-icon>i{color:#7b8eaa!important}
html[data-design="armufa-modern"] body .mc-input-icon> .mc-input{width:100%!important}
html[data-design="armufa-modern"] body :is(.mc-input-right,.otp-reveal,.adm-eye){color:#466487!important;background:transparent!important;border:0!important;box-shadow:none!important}
html[data-design="armufa-modern"] body :is(.mc-btn,.btn,.docs-button,.adm-save,.rumahotp-btn,.otp-admin button[type="submit"],.cfg-copy){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:42px!important;padding:10px 16px!important;border-radius:12px!important;border:1px solid #cad8eb!important;background:#fff!important;color:#213956!important;font:750 13px/1.3 'Inter','Nunito',sans-serif!important;text-shadow:none!important;letter-spacing:-.01em!important;box-shadow:none!important;transform:none!important;text-decoration:none!important;transition:transform .2s,box-shadow .2s,background .2s!important}
html[data-design="armufa-modern"] body :is(.mc-btn-primary,.btn-gold,.btn-primary,.adm-save,.docs-button.primary,.mc-topup-btn){background:linear-gradient(135deg,#2871ff,#2057d9)!important;color:#fff!important;border:1px solid #205bdc!important;box-shadow:0 8px 16px #2167e52f!important}
html[data-design="armufa-modern"] body :is(.mc-btn-outline,.btn-outline,.docs-button.dark,.mc-btn-ghost){background:#eef4ff!important;color:#2055c6!important;border-color:#d2e1ff!important;box-shadow:none!important}
html[data-design="armufa-modern"] body :is(.mc-btn-danger,.mc-btn-red,.mc-dialog-btn-danger){background:#dc3952!important;color:white!important;border-color:#dc3952!important}
html[data-design="armufa-modern"] body .mc-btn-success{background:#087f61!important;color:white!important;border-color:#087f61!important}
html[data-design="armufa-modern"] body :is(.mc-btn-warning,.mc-btn-yellow){background:#fef2d8!important;color:#80551b!important;border-color:#edd49e!important}
html[data-design="armufa-modern"] body :is(.mc-btn,.btn,.docs-button,.adm-save):hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 10px 22px #122c6030!important}
html[data-design="armufa-modern"] body :is(.mc-btn,.btn,button):disabled{opacity:.54!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}
html[data-design="armufa-modern"] body :is(.mc-btn-full,.adm-save){width:100%!important}
html[data-design="armufa-modern"] body :is(.mc-tab,.mc-amount-btn,.docs-filters button,.docs-code-tabs button,.otp-shop-server){background:#fff!important;color:#38516f!important;border:1px solid #d6e2f1!important;border-radius:12px!important;box-shadow:none!important;font-weight:740!important;text-shadow:none!important;transform:none!important}
html[data-design="armufa-modern"] body :is(.mc-tab.active,.mc-amount-btn.active,.mc-amount-btn.selected,.docs-filters button.active,.docs-code-tabs button.active,.otp-shop-server.selected){background:#e8f0ff!important;color:#2059db!important;border:1px solid #81aafa!important;box-shadow:inset 0 0 0 1px #81aafaaa!important}
html[data-design="armufa-modern"] body :is(.mc-tabs,.mc-amount-grid){gap:9px!important}
html[data-design="armufa-modern"] body :is(.mc-badge,.mc-status,.adm-pill,.key-status,.bc-type-badge){display:inline-flex!important;align-items:center!important;gap:5px!important;width:auto!important;border:1px solid #d5e3fb!important;border-radius:99px!important;padding:5px 10px!important;background:#eaf1ff!important;color:#2057c4!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important;text-shadow:none!important}
html[data-design="armufa-modern"] body :is(.mc-status-completed,.mc-status-success,.mc-status-active,.mc-badge-green,.mc-status-paid,.key-status.on){background:#e0f7ed!important;color:#096d50!important;border-color:#b3e9d0!important}
html[data-design="armufa-modern"] body :is(.mc-status-pending,.mc-status-waiting,.mc-status-processing,.mc-alert-warning){background:#fff6df!important;color:#875715!important;border-color:#f1ddad!important}
html[data-design="armufa-modern"] body :is(.mc-status-error,.mc-status-failed,.mc-status-canceled,.mc-status-cancelled,.mc-status-expired,.mc-status-banned){background:#fff0f2!important;color:#b82b45!important;border-color:#f0c1cd!important}
html[data-design="armufa-modern"] body .mc-alert{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:14px 16px!important;margin:12px 0!important;border:1px solid #d0e0fb!important;border-left:4px solid #2b68e5!important;border-radius:13px!important;background:#ecf3ff!important;color:#244270!important;font-size:13px!important;line-height:1.6!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .mc-alert-warning{border-left-color:#d89b2a!important}
html[data-design="armufa-modern"] body .mc-alert-error{background:#fff0f3!important;color:#9f2940!important;border:1px solid #f0cbd2!important;border-left:4px solid #da3957!important}
html[data-design="armufa-modern"] body .mc-alert-success{background:#e9f9f1!important;color:#096b52!important;border-color:#b7e7d3!important;border-left:4px solid #10a77a!important}
html[data-design="armufa-modern"] body .mc-empty{border:1px dashed #c6d6ec!important;border-radius:20px!important;background:#f9fbff!important;color:#61728c!important;padding:32px 24px!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .mc-empty :is(h3,strong){color:#243950!important}
html[data-design="armufa-modern"] body .mc-empty>i{color:#8daaf0!important}
/* Tables: keep horizontal scrolling when columns don't fit mobile screens. */
html[data-design="armufa-modern"] body .mc-table-wrap{padding:0!important;overflow:auto!important;max-width:100%!important}
html[data-design="armufa-modern"] body .mc-table{width:100%!important;background:white!important;border-collapse:separate!important;border-spacing:0!important;color:#1a2e4a!important;font-size:12px!important;min-width:480px!important}
html[data-design="armufa-modern"] body .mc-table th{padding:16px 14px!important;background:#edf3ff!important;color:#415778!important;border-bottom:1px solid #dce6f4!important;letter-spacing:.01em!important;text-transform:uppercase!important;font-size:10px!important;font-weight:850!important;white-space:nowrap!important}
html[data-design="armufa-modern"] body .mc-table td{padding:14px!important;background:#fff!important;color:#203653!important;border-bottom:1px solid #e9eef8!important;vertical-align:middle!important}
html[data-design="armufa-modern"] body .mc-table tr:nth-child(even) td{background:#fafcff!important}
html[data-design="armufa-modern"] body .mc-table tbody tr:hover td{background:#f1f6ff!important}
html[data-design="armufa-modern"] body .mc-table td :is(a,button){max-width:100%!important}
html[data-design="armufa-modern"] body .mc-pagination{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-top:20px!important;flex-wrap:wrap!important}
html[data-design="armufa-modern"] body .mc-page-btn{background:#fff!important;color:#244270!important;border:1px solid #d9e4f4!important;border-radius:10px!important}
/* Dialogs, drawers and nonblocking feedback */
html[data-design="armufa-modern"] body .mc-dialog-overlay{background:rgba(7,19,45,.7)!important;backdrop-filter:blur(5px)!important}
html[data-design="armufa-modern"] body .mc-dialog{background:#fff!important;color:#13243e!important;border:1px solid #d9e5f5!important;border-radius:22px!important;box-shadow:0 25px 80px #03153050!important;max-width:420px!important}
html[data-design="armufa-modern"] body .mc-dialog-title{font:850 18px/1.45 'Inter','Nunito',sans-serif!important;color:#152742!important}
html[data-design="armufa-modern"] body .mc-dialog-msg{color:#556983!important;font-size:13px!important}
html[data-design="armufa-modern"] body .mc-dialog-btn{border-radius:11px!important;box-shadow:none!important;font:800 13px 'Inter','Nunito',sans-serif!important}
html[data-design="armufa-modern"] body .mc-dialog-btn-confirm{background:#2463eb!important;color:white!important;border-color:#2463eb!important}
html[data-design="armufa-modern"] body .mc-dialog-btn-cancel{background:#edf2fb!important;color:#364b65!important;border-color:#d4e0f0!important}
html[data-design="armufa-modern"] body :is(.mc-toast,.nv-toast,.docs-toast){border:1px solid #cdddf3!important;border-radius:14px!important;background:#102443!important;color:#fff!important;box-shadow:0 12px 34px #0a214c45!important}
/* Generic receipt/order/service content */
html[data-design="armufa-modern"] body :is(.mc-order-top,.mc-order-service,.mc-service-name,.mc-country-name,.mc-server-name){color:#152744!important;font-weight:800!important}
html[data-design="armufa-modern"] body :is(.mc-order-meta,.mc-service-sub,.mc-server-info small,.mc-profile-email){color:#61738e!important}
html[data-design="armufa-modern"] body .mc-receipt{background:#f8fbff!important;border:1px solid #dde6f5!important;border-radius:15px!important;overflow:hidden!important}
html[data-design="armufa-modern"] body .mc-receipt-row{background:transparent!important;color:#1e314e!important;border:0!important;border-bottom:1px solid #e4ebf5!important;padding:12px 14px!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .mc-receipt-row:last-child{border-bottom:0!important}
html[data-design="armufa-modern"] body .mc-receipt-row .label{color:#61718c!important;font-size:12px!important}
html[data-design="armufa-modern"] body .mc-receipt-row .value{color:#132943!important;font-weight:810!important;overflow-wrap:anywhere!important}
html[data-design="armufa-modern"] body :is(.mc-otp-box,.mc-timer,.copy-box,code:not(pre code)){background:#eaf2ff!important;color:#2050ba!important;border:1px solid #cfe0ff!important;border-radius:12px!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .mc-qr-box{background:white!important;color:#182843!important;border:1px solid #d8e3f1!important;border-radius:16px!important;padding:12px!important}
html[data-design="armufa-modern"] body .mc-qr-box img{background:#fff!important;max-width:min(100%,280px)!important}
}
@layer pop {
/* Dashboard — feature hero and wallet. */
html[data-design="armufa-modern"] body .dashboard-page{padding-top:24px!important}
html[data-design="armufa-modern"] body .pop-welcome{position:relative!important;isolation:isolate!important;display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(160px,.6fr)!important;align-items:center!important;gap:16px!important;min-height:250px!important;padding:36px 45px!important;margin:0 0 16px!important;overflow:hidden!important;background:radial-gradient(circle at 82% 13%,#3679ff5a 0,transparent 36%),linear-gradient(120deg,#0a1932 0%,#12346b 64%,#194eaa 100%)!important;border:1px solid #23477b!important;border-radius:27px!important;box-shadow:0 24px 50px #102b5c27!important;color:white!important;transform:none!important}
html[data-design="armufa-modern"] body .pop-welcome:before{content:''!important;display:block!important;position:absolute!important;right:-60px!important;top:-130px!important;width:350px!important;height:350px!important;border:1px solid #ffffff26!important;border-radius:50%!important;box-shadow:0 0 0 48px #ffffff08,0 0 0 104px #ffffff06!important;z-index:-1!important;pointer-events:none!important}
html[data-design="armufa-modern"] body .pop-speech{position:relative!important;z-index:2!important;padding:0!important;max-width:710px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:white!important;transform:none!important}
html[data-design="armufa-modern"] body .pop-speech:before,html[data-design="armufa-modern"] body .pop-speech:after{display:none!important}
html[data-design="armufa-modern"] body .pop-speech small{display:inline-flex!important;align-items:center!important;gap:8px!important;width:auto!important;margin-bottom:17px!important;padding:7px 12px!important;border:1px solid #89b3ff45!important;border-radius:99px!important;background:#ffffff15!important;color:#b8d3ff!important;font:800 10px/1 'Inter','Nunito',sans-serif!important;letter-spacing:.13em!important}
html[data-design="armufa-modern"] body .pop-speech small i{color:#70ebef!important}
html[data-design="armufa-modern"] body .pop-speech h1{font:850 clamp(25px,3.6vw,43px)/1.17 'Inter','Nunito',sans-serif!important;letter-spacing:-.05em!important;color:#fff!important;text-shadow:none!important;margin:0 0 16px!important;max-width:660px!important}
html[data-design="armufa-modern"] body .pop-speech p{font-size:13px!important;color:#bed0ed!important;font-weight:550!important;line-height:1.6!important;margin:0!important}
html[data-design="armufa-modern"] body .pop-speech p strong{color:#fff!important}
html[data-design="armufa-modern"] body .pop-hero-art{position:relative!important;display:grid!important;place-items:center!important;align-self:stretch!important;transform:none!important;color:#fff!important;font-size:100px!important;opacity:1!important;filter:none!important;text-shadow:none!important}
html[data-design="armufa-modern"] body .pop-hero-art>i{display:grid!important;place-items:center!important;width:158px!important;height:158px!important;border:1px solid #92b9ff66!important;border-radius:42px!important;background:linear-gradient(145deg,#5da2ff50,#2b6eee35)!important;box-shadow:inset 0 0 50px #ffffff20,0 18px 40px #03152c77!important;transform:rotate(-8deg)!important;font-size:76px!important;color:#f5f9ff!important}
html[data-design="armufa-modern"] body .pop-orbit{position:absolute!important;top:12px!important;right:0!important;z-index:2!important;display:inline-flex!important;padding:8px 12px!important;background:#96f0f0!important;color:#063b60!important;border:0!important;border-radius:99px!important;box-shadow:0 7px 22px #06162d65!important;font:850 10px 'Inter','Nunito',sans-serif!important;letter-spacing:.04em!important;white-space:nowrap!important;transform:rotate(5deg)!important}
html[data-design="armufa-modern"] body .pop-announcement{display:flex!important;align-items:center!important;gap:13px!important;padding:14px 20px!important;margin:0 0 23px!important;border:1px solid #c9dcf9!important;border-radius:17px!important;background:#eaf2ff!important;color:#28476b!important;box-shadow:none!important;text-decoration:none!important;transform:none!important}
html[data-design="armufa-modern"] body .pop-announcement>span{display:grid!important;place-items:center!important;width:41px!important;height:41px!important;flex:0 0 41px!important;background:#2463eb!important;color:white!important;border:0!important;border-radius:12px!important;font-size:18px!important}
html[data-design="armufa-modern"] body .pop-announcement strong{color:#2a456c!important;font-size:12px!important;line-height:1.45!important;font-weight:740!important}
html[data-design="armufa-modern"] body .pop-announcement>i{color:#2463eb!important;margin-left:auto!important}
html[data-design="armufa-modern"] body .dashboard-hero{display:grid!important;grid-template-columns:1.07fr .93fr!important;gap:18px!important;margin:0 0 12px!important}
html[data-design="armufa-modern"] body .mc-balance-card{position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-between!important;gap:16px!important;min-height:257px!important;padding:26px 29px!important;overflow:hidden!important;background:radial-gradient(circle at 95% 100%,#3f93ff77 0,transparent 48%),linear-gradient(135deg,#1949bb 0%,#286bef 62%,#1454d1 100%)!important;border:1px solid #5b98ff!important;border-radius:23px!important;box-shadow:0 17px 39px #2055ad3a!important;color:#fff!important;transform:none!important}
html[data-design="armufa-modern"] body .mc-balance-card:before{content:''!important;display:block!important;position:absolute!important;left:auto!important;right:-55px!important;top:-60px!important;width:190px!important;height:190px!important;border:1px solid #ffffff2d!important;border-radius:50%!important;background:none!important;box-shadow:0 0 0 30px #ffffff10,0 0 0 60px #ffffff0a!important;opacity:1!important}
html[data-design="armufa-modern"] body .mc-balance-card:after{display:none!important}
html[data-design="armufa-modern"] body .balance-card-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
html[data-design="armufa-modern"] body .mc-balance-label{display:inline-flex!important;align-items:center!important;gap:9px!important;color:#eaf3ff!important;font:750 12px 'Inter','Nunito',sans-serif!important;letter-spacing:0!important;max-width:100%!important;text-shadow:none!important}
html[data-design="armufa-modern"] body .mc-balance-label>i{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;padding:0!important;border-radius:10px!important;border:1px solid #ffffff50!important;background:#ffffff22!important;color:#fff!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .live-badge{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:6px 9px!important;border:1px solid #ffffff33!important;background:#ffffff19!important;border-radius:99px!important;color:#f5fbff!important;font-size:9px!important;font-weight:800!important;white-space:nowrap!important}
html[data-design="armufa-modern"] body .live-badge i{background:#99f6e4!important}
html[data-design="armufa-modern"] body .mc-balance-amount{display:flex!important;align-items:baseline!important;gap:9px!important;margin:12px 0!important;color:white!important;text-shadow:none!important;font:850 clamp(34px,4vw,54px)/1.14 'Inter','Nunito',sans-serif!important;letter-spacing:-.05em!important;overflow-wrap:anywhere!important}
html[data-design="armufa-modern"] body .mc-balance-amount .bal-rp{font:750 22px 'Inter','Nunito',sans-serif!important;color:#dbe8ff!important;text-shadow:none!important}
html[data-design="armufa-modern"] body .mc-balance-amount .bal-num{font:inherit!important;color:#fff!important;text-shadow:none!important;letter-spacing:inherit!important}
html[data-design="armufa-modern"] body .balance-card-bottom{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:10px!important}
html[data-design="armufa-modern"] body .bal-meta{color:#d3e5ff!important;font-size:11px!important}
html[data-design="armufa-modern"] body .mc-topup-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-height:43px!important;padding:10px 16px!important;border:0!important;border-radius:12px!important;background:#fff!important;color:#1e55bf!important;box-shadow:0 6px 18px #0b2d6c42!important;font:800 12px 'Inter','Nunito',sans-serif!important;text-transform:none!important;letter-spacing:0!important}
html[data-design="armufa-modern"] body .panel-connection{display:inline-flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important;color:#f5fbff!important;border:1px solid #ffffff36!important;border-radius:10px!important;background:#102e762d!important;padding:8px 10px!important;font-size:10px!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .order-hero{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:257px!important;margin:0!important;overflow:hidden!important;padding:26px 29px!important;background:radial-gradient(circle at 99% 92%,#4be4d94a 0,transparent 42%),linear-gradient(120deg,#0c1e38,#163d63)!important;border:1px solid #365574!important;border-radius:23px!important;box-shadow:0 17px 39px #122d5930!important;color:#fff!important;transform:none!important}
html[data-design="armufa-modern"] body .hero-tag{display:inline-flex!important;align-self:flex-start!important;margin-bottom:10px!important;padding:6px 10px!important;border:1px solid #69e8d84f!important;border-radius:99px!important;background:#18bda51f!important;color:#a8fff0!important;font:800 10px 'Inter','Nunito',sans-serif!important;letter-spacing:.06em!important}
html[data-design="armufa-modern"] body .order-hero .mc-banner-title{color:#fff!important;font:850 clamp(26px,3vw,39px)/1.13 'Inter','Nunito',sans-serif!important;letter-spacing:-.04em!important;text-shadow:none!important}
html[data-design="armufa-modern"] body .order-hero .mc-banner-sub{color:#b8cee6!important;font-size:12px!important;max-width:260px!important}
html[data-design="armufa-modern"] body .order-hero-bottom{margin-top:16px!important}
html[data-design="armufa-modern"] body .order-hero .sim-art{color:#4bd8e3!important;opacity:.13!important;transform:rotate(14deg)!important}
html[data-design="armufa-modern"] body .mc-banner-icons{color:#d8edff!important}
html[data-design="armufa-modern"] body .quick-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}
html[data-design="armufa-modern"] body .quick-link{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;min-height:94px!important;padding:18px 14px!important;border:1px solid #dde7f4!important;border-radius:17px!important;background:#fff!important;color:#142844!important;box-shadow:0 10px 25px #14335d0b!important;transform:none!important}
html[data-design="armufa-modern"] body .quick-icon{width:43px!important;height:43px!important;flex:0 0 43px!important;margin:0!important;font-size:19px!important}
html[data-design="armufa-modern"] body .quick-link>span:nth-child(2){min-width:0!important;font-size:12px!important;color:#172c4a!important;font-weight:850!important;line-height:1.3!important}
html[data-design="armufa-modern"] body .quick-link small{display:block!important;margin-top:5px!important;font-weight:550!important;color:#697c98!important;font-size:10px!important;line-height:1.4!important}
html[data-design="armufa-modern"] body .quick-link>i{color:#a2b5d0!important;font-size:12px!important;margin-left:auto!important}
html[data-design="armufa-modern"] body .pop-gacha-banner{display:flex!important;align-items:center!important;gap:15px!important;margin:23px 0!important;padding:18px 20px!important;background:linear-gradient(120deg,#edeaff,#eef5ff)!important;border:1px solid #dcd9ff!important;border-radius:18px!important;box-shadow:none!important;color:#263c71!important;transform:none!important}
html[data-design="armufa-modern"] body .pop-gacha-icon{display:grid!important;place-items:center!important;width:45px!important;height:45px!important;border:0!important;border-radius:13px!important;background:#6a5ce9!important;color:white!important;box-shadow:none!important;transform:none!important}
html[data-design="armufa-modern"] body .pop-gacha-copy strong{font-size:14px!important;font-weight:850!important;color:#2a3275!important}
html[data-design="armufa-modern"] body .pop-gacha-copy small{font-size:11px!important;color:#656b9b!important}
html[data-design="armufa-modern"] body .pop-gacha-arrow{color:#6452dc!important;background:none!important;border:0!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .user-promo-slider{border-radius:20px!important;overflow:hidden!important;border:1px solid #d9e5f5!important;box-shadow:0 16px 30px #12295215!important}
html[data-design="armufa-modern"] body .user-promo-overlay{background:linear-gradient(0deg,#061932db,transparent)!important}
html[data-design="armufa-modern"] body .user-promo-copy :is(strong,span){color:#fff!important}
html[data-design="armufa-modern"] body .user-promo-cta{border-radius:11px!important;background:#fff!important;color:#1e4cb5!important}
html[data-design="armufa-modern"] body .user-promo-arrow{border-radius:12px!important;background:#fffffff0!important;color:#1f4fae!important;border:1px solid #ffffff55!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .dashboard-secondary{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr)!important;gap:20px!important}
html[data-design="armufa-modern"] body .mc-pending-card{background:#fff!important;border:1px solid #dfe8f5!important;border-radius:14px!important;box-shadow:none!important;color:#18324f!important;transform:none!important;padding:14px!important}
html[data-design="armufa-modern"] body .mc-pending-icon{width:45px!important;height:45px!important;border-radius:12px!important;background:#eef3ff!important}
html[data-design="armufa-modern"] body .dashboard-aside :is(.api-doc-button,a){border-radius:16px!important}
html[data-design="armufa-modern"] body .dashboard-footnote{margin-top:25px!important;padding:15px 2px!important;border-top:1px solid #e1e8f3!important;color:#7c8ca4!important;font-size:11px!important}
/* Login / registration / verification — split-screen on desktop */
html[data-design="armufa-modern"] body:has(.auth-wrapper){background:#0b1630!important;background-image:radial-gradient(ellipse at 90% 0%,#174285,transparent 55%)!important}
html[data-design="armufa-modern"] body .auth-wrapper{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr)!important;gap:0!important;align-items:stretch!important;width:min(1020px,calc(100% - 32px))!important;min-height:0!important;margin:clamp(28px,7vh,80px) auto!important;padding:0!important;overflow:hidden!important;background:white!important;border:1px solid #6684ba44!important;border-radius:26px!important;box-shadow:0 35px 80px #020b1f66!important}
html[data-design="armufa-modern"] body .auth-showcase{position:relative!important;isolation:isolate!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;min-height:600px!important;padding:34px 40px!important;overflow:hidden!important;background:radial-gradient(circle at 105% 75%,#376ee777,transparent 49%),linear-gradient(145deg,#09172f,#112f62 66%,#183e85)!important;color:#fff!important}
html[data-design="armufa-modern"] body .auth-showcase:after{content:''!important;position:absolute!important;inset:0!important;z-index:-1!important;background:linear-gradient(90deg,#ffffff07 1px,transparent 1px) 0 0/48px 48px,linear-gradient(#ffffff07 1px,transparent 1px) 0 0/48px 48px!important;mask-image:linear-gradient(160deg,transparent 5%,black)!important;pointer-events:none!important}
html[data-design="armufa-modern"] body .auth-showcase-brand{display:flex!important;align-items:center!important;gap:11px!important;color:#fff!important;font-size:17px!important;font-weight:850!important;letter-spacing:-.035em!important}
html[data-design="armufa-modern"] body .auth-showcase-symbol{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border:1px solid #9bc4ff66!important;border-radius:12px!important;background:#3675e2!important;color:white!important}
html[data-design="armufa-modern"] body .auth-showcase-content{position:relative!important;z-index:2!important;margin:40px 0!important}
html[data-design="armufa-modern"] body .auth-showcase-kicker{display:inline-flex!important;gap:8px!important;align-items:center!important;border:1px solid #76aefa55!important;border-radius:99px!important;background:#ffffff11!important;padding:7px 12px!important;color:#c4d8f7!important;font-size:11px!important;font-weight:750!important}
html[data-design="armufa-modern"] body .auth-showcase-kicker i{color:#75e5e1!important}
html[data-design="armufa-modern"] body .auth-showcase h2{max-width:420px!important;margin:20px 0 14px!important;font-size:clamp(30px,3.6vw,43px)!important;line-height:1.13!important;font-weight:870!important;letter-spacing:-.05em!important;color:#fff!important}
html[data-design="armufa-modern"] body .auth-showcase-content>p{max-width:360px!important;font-size:13px!important;line-height:1.8!important;color:#b9cce7!important}
html[data-design="armufa-modern"] body .auth-showcase-benefits{display:grid!important;gap:12px!important;margin:28px 0!important}
html[data-design="armufa-modern"] body .auth-showcase-benefits span{display:flex!important;align-items:center!important;gap:12px!important;color:#e2edff!important;font-size:12px!important;font-weight:650!important}
html[data-design="armufa-modern"] body .auth-showcase-benefits i{display:grid!important;place-items:center!important;width:23px!important;height:23px!important;border-radius:50%!important;background:#64e9df26!important;color:#74eadf!important;font-size:10px!important}
html[data-design="armufa-modern"] body .auth-showcase-orb{position:absolute!important;right:-56px!important;bottom:110px!important;display:grid!important;place-items:center!important;width:215px!important;height:215px!important;border:1px solid #70a6ff44!important;border-radius:50%!important;box-shadow:0 0 0 32px #c6dbff09,0 0 0 77px #c6dbff08!important;opacity:.9!important;pointer-events:none!important}
html[data-design="armufa-modern"] body .auth-showcase-orb span{font-size:72px!important;color:#ffffff17!important}
html[data-design="armufa-modern"] body .auth-showcase-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border-top:1px solid #ffffff20!important;padding-top:19px!important;color:#9eb5d8!important;font-size:10px!important;font-weight:700!important;letter-spacing:.03em!important}
html[data-design="armufa-modern"] body .auth-card{width:100%!important;max-width:none!important;min-height:600px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:48px clamp(22px,4.5vw,62px)!important;border:0!important;border-radius:0!important;background:#fff!important;color:#162a48!important;box-shadow:none!important;transform:none!important}
html[data-design="armufa-modern"] body .auth-logo{display:grid!important;justify-items:center!important;margin-bottom:21px!important}
html[data-design="armufa-modern"] body .auth-logo .mc-logo-icon{display:grid!important;place-items:center!important;width:55px!important;height:55px!important;margin:0 0 10px!important;background:#e8f0ff!important;border:1px solid #d2e3ff!important;border-radius:16px!important;color:#2865da!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .auth-logo .mc-logo-text{color:#253b5b!important;font-size:12px!important;font-weight:850!important}
html[data-design="armufa-modern"] body .auth-title{color:#132a4a!important;font:870 clamp(24px,3vw,30px)/1.2 'Inter','Nunito',sans-serif!important;letter-spacing:-.045em!important;text-align:center!important;margin:0 0 7px!important}
html[data-design="armufa-modern"] body .auth-title i{color:#2463eb!important}
html[data-design="armufa-modern"] body .auth-sub{color:#697b94!important;font-size:12px!important;text-align:center!important;margin:0 0 25px!important}
html[data-design="armufa-modern"] body .oauth-btns{display:grid!important;gap:10px!important;margin:0 0 16px!important}
html[data-design="armufa-modern"] body .oauth-btn{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:10px!important;border:1px solid #d8e2ef!important;border-radius:12px!important;background:#fff!important;color:#203451!important;font-size:12px!important;font-weight:760!important;box-shadow:none!important;text-shadow:none!important;transform:none!important}
html[data-design="armufa-modern"] body .oauth-btn:hover{background:#f5f8ff!important;border-color:#8aacf1!important}
html[data-design="armufa-modern"] body .auth-divider{color:#8191a5!important;margin:11px 0 20px!important}
html[data-design="armufa-modern"] body .auth-divider:before,html[data-design="armufa-modern"] body .auth-divider:after{background:#e0e7f1!important}
html[data-design="armufa-modern"] body .auth-card .mc-input{min-height:49px!important;border-radius:12px!important;background:#f9fbff!important}
html[data-design="armufa-modern"] body .auth-card .mc-btn-primary{min-height:49px!important;margin-top:10px!important}
html[data-design="armufa-modern"] body .auth-footer{margin-top:22px!important;color:#677994!important;font-size:12px!important}
html[data-design="armufa-modern"] body .auth-footer a{color:#205ede!important;font-weight:850!important}
}
@layer pop {
/* Admin shell — same design language, distinct control-room navigation. */
html[data-design="armufa-modern"][data-admin] body .ac-nav{width:min(1160px,calc(100% - 44px))!important;max-width:1160px!important;padding:0!important;margin:20px auto 0!important}
html[data-design="armufa-modern"][data-admin] body .ac-nav-label{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 13px!important;color:#25416d!important;font-size:11px!important;font-weight:850!important;letter-spacing:.07em!important}
html[data-design="armufa-modern"][data-admin] body .ac-nav-label small{display:block!important;margin-top:3px!important;font-size:13px!important;font-weight:700!important;color:#647793!important;letter-spacing:0!important}
html[data-design="armufa-modern"][data-admin] body .ac-label-mark{display:grid!important;place-items:center!important;flex:0 0 37px!important;width:37px!important;height:37px!important;border:1px solid #cbddfa!important;border-radius:11px!important;background:#e9f1ff!important;color:#2463eb!important;box-shadow:none!important}
html[data-design="armufa-modern"][data-admin] body .ac-all{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:39px!important;margin-left:auto!important;padding:0 14px!important;border:1px solid #cddcf1!important;border-radius:11px!important;background:#fff!important;color:#234570!important;font:780 12px 'Inter','Nunito',sans-serif!important;box-shadow:none!important;transform:none!important}
html[data-design="armufa-modern"][data-admin] body .ac-shortcuts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:none!important;gap:11px!important}
html[data-design="armufa-modern"][data-admin] body .ac-shortcut{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:49px!important;padding:10px 12px!important;background:#fff!important;color:#4a5e79!important;border:1px solid #dce5f2!important;border-radius:13px!important;font-size:12px!important;font-weight:760!important;box-shadow:none!important;transform:none!important}
html[data-design="armufa-modern"][data-admin] body .ac-shortcut:nth-child(3):not(.active){background:#fff!important;color:#4a5e79!important}
html[data-design="armufa-modern"][data-admin] body .ac-shortcut.active{background:#e5efff!important;color:#2059d2!important;border-color:#8baef4!important;box-shadow:inset 0 0 0 1px #b4c9fb!important}
html[data-design="armufa-modern"][data-admin] body .ac-shortcut i{color:#2463eb!important}
html[data-design="armufa-modern"][data-admin] body :is(.ac-hero,.adm-hero){position:relative!important;isolation:isolate!important;display:flex!important;gap:18px!important;align-items:center!important;margin:10px 0 23px!important;padding:31px 32px!important;overflow:hidden!important;border:1px solid #284b8b!important;border-radius:24px!important;background:radial-gradient(circle at 100% 0%,#3177fa61,transparent 45%),linear-gradient(120deg,#0a1933,#16376e)!important;box-shadow:0 18px 40px #102a5928!important;color:#fff!important;transform:none!important}
html[data-design="armufa-modern"][data-admin] body :is(.ac-hero,.adm-hero):after{content:''!important;display:block!important;position:absolute!important;z-index:-1!important;right:-70px!important;top:-105px!important;width:310px!important;height:310px!important;border:1px solid #ffffff2b!important;border-radius:50%!important;background:none!important;box-shadow:0 0 0 45px #ffffff0a,0 0 0 90px #ffffff07!important}
html[data-design="armufa-modern"][data-admin] body :is(.ac-hero,.adm-hero) h1{color:#fff!important;font:850 clamp(23px,3vw,34px)/1.2 'Inter','Nunito',sans-serif!important;letter-spacing:-.04em!important;text-shadow:none!important;margin:5px 0 7px!important}
html[data-design="armufa-modern"][data-admin] body :is(.ac-hero,.adm-hero) p{color:#bfd3f3!important;font-size:12px!important;line-height:1.65!important;max-width:580px!important}
html[data-design="armufa-modern"][data-admin] body .ac-eyebrow{display:inline-block!important;width:auto!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#80dff0!important;font:850 10px 'Inter','Nunito',sans-serif!important;letter-spacing:.13em!important}
html[data-design="armufa-modern"][data-admin] body .adm-hero-ico{display:grid!important;place-items:center!important;flex:0 0 57px!important;width:57px!important;height:57px!important;border:1px solid #8fb8ff66!important;border-radius:16px!important;background:#ffffff19!important;color:#c5e6ff!important;box-shadow:none!important;font-size:24px!important;transform:none!important}
html[data-design="armufa-modern"][data-admin] body .adm-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
html[data-design="armufa-modern"][data-admin] body .adm-link{background:#fff!important;color:#15304f!important;border:1px solid #dce5f3!important;border-radius:15px!important;box-shadow:none!important;padding:16px!important;min-width:0!important;transform:none!important}
html[data-design="armufa-modern"][data-admin] body .adm-link-ico{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;flex:0 0 44px!important;border:0!important;border-radius:13px!important;background:#eaf1ff!important;color:#2364ea!important;box-shadow:none!important}
html[data-design="armufa-modern"][data-admin] body .adm-link:nth-child(2) .adm-link-ico{background:#e4f8f3!important;color:#07896a!important}
html[data-design="armufa-modern"][data-admin] body .adm-link:nth-child(3) .adm-link-ico{background:#f1edff!important;color:#6c4ac9!important}
html[data-design="armufa-modern"][data-admin] body .adm-link-copy strong{color:#192f4b!important;font-size:13px!important}
html[data-design="armufa-modern"][data-admin] body .adm-link-copy small{color:#60728c!important;font-size:11px!important}
html[data-design="armufa-modern"][data-admin] body .adm-chips{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;padding:0 0 18px!important;margin:0!important;overflow:visible!important}
html[data-design="armufa-modern"][data-admin] body .adm-chips a{display:grid!important;place-items:center!important;min-width:0!important;min-height:40px!important;padding:8px!important;background:#fff!important;color:#35527b!important;border:1px solid #d6e2f3!important;border-radius:11px!important;box-shadow:none!important}
html[data-design="armufa-modern"][data-admin] body .adm-card-head{display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:center!important;padding:17px 20px!important;margin:-22px -22px 21px!important;border-bottom:1px solid #e4eaf5!important;background:#f6f9ff!important;color:#1b3356!important}
html[data-design="armufa-modern"][data-admin] body .adm-card:nth-child(3n+2) .adm-card-head,html[data-design="armufa-modern"][data-admin] body .adm-card:nth-child(3n) .adm-card-head{background:#f6f9ff!important}
html[data-design="armufa-modern"][data-admin] body .adm-card-head h2{color:#1c314f!important;font-size:16px!important;letter-spacing:-.02em!important}
html[data-design="armufa-modern"][data-admin] body .adm-card-head p{color:#667892!important;font-size:11px!important}
html[data-design="armufa-modern"][data-admin] body .adm-ico{display:grid!important;place-items:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;border:0!important;border-radius:11px!important;background:#e3edff!important;color:#2363e2!important;box-shadow:none!important}
html[data-design="armufa-modern"][data-admin] body .adm-help{color:#66768f!important;font-size:11px!important}
html[data-design="armufa-modern"][data-admin] body .adm-savebar{position:static!important;padding:16px!important;border:1px solid #d5e1f5!important;border-radius:16px!important;background:#f0f5ff!important;box-shadow:none!important}
html[data-design="armufa-modern"][data-admin] body .adm-switch{background:#f7faff!important;border:1px solid #d8e2f2!important;border-radius:14px!important;box-shadow:none!important}
html[data-design="armufa-modern"][data-admin] body .ac-dialog{position:fixed!important;inset:0!important;margin:auto!important;width:min(750px,calc(100% - 28px))!important;max-height:calc(100dvh - 30px)!important;padding:0 0 18px!important;overflow-y:auto!important;background:#fff!important;color:#15304d!important;border:1px solid #d5e1f3!important;border-radius:22px!important;box-shadow:0 40px 100px #061a3c66!important}
html[data-design="armufa-modern"][data-admin] body .ac-dialog::backdrop{background:#06162abf!important;backdrop-filter:blur(6px)!important}
html[data-design="armufa-modern"][data-admin] body .ac-dialog-head{position:sticky!important;top:0!important;z-index:2!important;display:flex!important;gap:12px!important;align-items:center!important;padding:23px 24px!important;background:linear-gradient(120deg,#0b1e3d,#1a4481)!important;border-radius:21px 21px 0 0!important}
html[data-design="armufa-modern"][data-admin] body .ac-dialog-head h2{color:#fff!important;font-size:clamp(18px,3vw,25px)!important;line-height:1.2!important;letter-spacing:-.03em!important;text-shadow:none!important}
html[data-design="armufa-modern"][data-admin] body .ac-dialog-head h2 span{color:#82e5e8!important}
html[data-design="armufa-modern"][data-admin] body .ac-close{display:grid!important;place-items:center!important;flex:0 0 41px!important;width:41px!important;height:41px!important;margin-left:auto!important;border:1px solid #ffffff50!important;border-radius:12px!important;background:#ffffff20!important;color:#fff!important;box-shadow:none!important;transform:none!important}
html[data-design="armufa-modern"][data-admin] body .ac-menu-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:18px!important}
html[data-design="armufa-modern"][data-admin] body .ac-menu-card{position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:7px!important;min-width:0!important;min-height:128px!important;padding:15px!important;border:1px solid #dbe5f4!important;border-radius:15px!important;background:#fff!important;color:#203858!important;box-shadow:none!important;transform:none!important}
html[data-design="armufa-modern"][data-admin] body .ac-menu-card.active{border-color:#96b7fb!important;background:#edf4ff!important}
html[data-design="armufa-modern"][data-admin] body .ac-menu-icon{display:grid!important;place-items:center!important;width:39px!important;height:39px!important;border:0!important;border-radius:12px!important;background:#e7f0ff!important;color:#2763d8!important;box-shadow:none!important}
html[data-design="armufa-modern"][data-admin] body .ac-menu-card:nth-child(4n+2) .ac-menu-icon{background:#e3f8f3!important;color:#0b836b!important}
html[data-design="armufa-modern"][data-admin] body .ac-menu-card:nth-child(4n+3) .ac-menu-icon{background:#f2edff!important;color:#6c4bb9!important}
html[data-design="armufa-modern"][data-admin] body .ac-menu-card:nth-child(4n) .ac-menu-icon{background:#fff3e3!important;color:#b67816!important}
html[data-design="armufa-modern"][data-admin] body .ac-menu-card strong{color:#213a58!important;font-size:12px!important;font-weight:850!important}
html[data-design="armufa-modern"][data-admin] body .ac-menu-card small{color:#637691!important;font-size:10px!important;line-height:1.45!important}
html[data-design="armufa-modern"][data-admin] body .ac-current{position:absolute!important;top:14px!important;right:12px!important;border-radius:7px!important;background:#2866e7!important;color:#fff!important;padding:3px 7px!important;font-size:9px!important}
html[data-design="armufa-modern"][data-admin] body :is(.ac-menu-card,.ac-shortcut,.ac-all):hover{border-color:#8db4f2!important;transform:translateY(-2px)!important;box-shadow:0 8px 18px #1d529b1b!important}
html[data-design="armufa-modern"][data-admin] body :is(.cfg-card,.seo-card,.adm-card,.rumahotp-panel){overflow:visible!important}
html[data-design="armufa-modern"][data-admin] body :is(.cfg-url,.cfg-note,.seo-shortcuts,.github-note){border:1px solid #d8e5f5!important;background:#f2f6ff!important;color:#405775!important;border-radius:13px!important}
/* Profile, user action menu, API key. */
html[data-design="armufa-modern"] body .mc-profile-header{position:relative!important;display:flex!important;align-items:center!important;gap:17px!important;padding:29px!important;border:1px solid #274b87!important;border-radius:22px!important;background:radial-gradient(circle at 90% 0%,#3771e27a,transparent 45%),linear-gradient(120deg,#0b1e3e,#1b3d78)!important;color:#fff!important;box-shadow:0 16px 34px #142e6033!important;transform:none!important}
html[data-design="armufa-modern"] body .mc-avatar-profile{border:3px solid #ffffff85!important;border-radius:18px!important;background:#e8f0ff!important;box-shadow:none!important}
html[data-design="armufa-modern"] body :is(.mc-profile-name,.mc-profile-header h1){color:#fff!important;text-shadow:none!important;font-size:clamp(20px,2.7vw,28px)!important;font-weight:850!important}
html[data-design="armufa-modern"] body .mc-profile-header .mc-profile-email{color:#c1d5f3!important}
html[data-design="armufa-modern"] body .mc-menu-item{display:flex!important;gap:12px!important;align-items:center!important;min-height:55px!important;padding:12px 15px!important;background:#fff!important;color:#233b57!important;border:1px solid #e2e9f4!important;border-radius:13px!important;box-shadow:none!important;transform:none!important}
html[data-design="armufa-modern"] body .mc-menu-item .mc-menu-item-arrow{color:#91a3bc!important}
html[data-design="armufa-modern"] body .key-hero{display:flex!important;align-items:center!important;gap:15px!important;overflow:hidden!important;background:linear-gradient(125deg,#0d2450,#1e52a2)!important;color:white!important;border-color:#2851a3!important}
html[data-design="armufa-modern"] body .key-hero :is(h2,p,strong){color:#fff!important}
html[data-design="armufa-modern"] body .key-hero-copy p{color:#c3d5f2!important}
html[data-design="armufa-modern"] body .key-hero-icon{background:#ffffff27!important;border:1px solid #ffffff50!important;border-radius:15px!important;color:#fff!important}
/* Account side drawer: dark header, white content, clear text. */
html[data-design="armufa-modern"] body .pop-menu.account-drawer[open]{position:fixed!important;inset:0 0 0 auto!important;display:block!important;width:min(440px,95vw)!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important;overflow-y:auto!important;border:0!important;border-radius:22px 0 0 22px!important;background:#f6f8fe!important;color:#1c3150!important;box-shadow:-20px 0 80px #05162a61!important}
html[data-design="armufa-modern"] body .pop-menu.account-drawer::backdrop{background:#061732ac!important;backdrop-filter:blur(5px)!important}
html[data-design="armufa-modern"] body .account-drawer-inner{min-height:100%!important;background:#f6f8fe!important;padding:0 0 25px!important}
html[data-design="armufa-modern"] body .account-drawer-profile{position:relative!important;display:flex!important;align-items:center!important;gap:13px!important;padding:30px 23px!important;background:linear-gradient(135deg,#091d3e,#174381)!important;border:0!important;border-radius:0!important;color:#fff!important}
html[data-design="armufa-modern"] body .account-drawer-avatar{display:grid!important;place-items:center!important;flex:0 0 51px!important;width:51px!important;height:51px!important;border:1px solid #ffffff66!important;border-radius:15px!important;background:#ffffff27!important;color:#fff!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .account-drawer-who{min-width:0!important;flex:1!important}
html[data-design="armufa-modern"] body .account-drawer-who h2{color:#fff!important;font-size:16px!important;font-weight:850!important}
html[data-design="armufa-modern"] body .account-drawer-who p{color:#bdd3f0!important;font-size:11px!important;overflow-wrap:anywhere!important}
html[data-design="armufa-modern"] body .account-drawer-close{display:grid!important;place-items:center!important;width:37px!important;height:37px!important;flex:0 0 37px!important;border-radius:11px!important;border:1px solid #ffffff55!important;background:#ffffff20!important;color:#fff!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .account-drawer-wallet{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:17px!important;padding:16px!important;border:1px solid #c7d9f5!important;border-radius:15px!important;background:#e8f0ff!important;box-shadow:none!important;color:#28466d!important}
html[data-design="armufa-modern"] body .account-drawer-wallet strong{color:#205aca!important;font-size:18px!important}
html[data-design="armufa-modern"] body .account-drawer-label{padding:0 22px!important;margin:20px 0 10px!important;color:#6a7f9a!important;font-size:10px!important;font-weight:850!important;letter-spacing:.11em!important}
html[data-design="armufa-modern"] body .account-drawer-feature{display:flex!important;align-items:center!important;gap:12px!important;margin:0 17px!important;padding:14px!important;border:1px solid #e0daf9!important;border-radius:14px!important;background:#f2efff!important;color:#3b3271!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .account-feature-icon{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:11px!important;background:#7060de!important;color:#fff!important}
html[data-design="armufa-modern"] body .account-feature-content b{color:#312d6e!important;font-size:12px!important}
html[data-design="armufa-modern"] body .account-feature-content small{color:#696591!important}
html[data-design="armufa-modern"] body .account-feature-go{color:#6958c5!important}
html[data-design="armufa-modern"] body .account-drawer-links{display:grid!important;gap:5px!important;padding:0 17px!important}
html[data-design="armufa-modern"] body .account-drawer-links a{display:flex!important;align-items:center!important;gap:13px!important;padding:12px 13px!important;min-height:46px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:#273b5a!important;box-shadow:none!important;font-size:12px!important;font-weight:720!important;transform:none!important}
html[data-design="armufa-modern"] body .account-drawer-links a:hover{background:#eaf1ff!important;border-color:#d6e3fa!important}
html[data-design="armufa-modern"] body .account-drawer-links a>i:first-child{color:#2863d7!important;width:18px!important;text-align:center!important}
html[data-design="armufa-modern"] body .account-drawer-links a>i:last-child{margin-left:auto!important;color:#99aac0!important}
html[data-design="armufa-modern"] body .account-drawer-links .account-drawer-logout{color:#bb334f!important;background:#fff0f3!important}
html[data-design="armufa-modern"] body .account-drawer-links .account-drawer-logout>i:first-child{color:#c33e57!important}
}
@layer pop {
/* Public marketing page — editorial hero with luminous product mockup. */
html[data-design="armufa-modern"] body.comic-landing{background:#f4f7fc!important;color:#15263d!important}
html[data-design="armufa-modern"] body.comic-landing .wrap{width:min(1160px,calc(100% - 44px))!important;max-width:1160px!important;margin-inline:auto!important}
html[data-design="armufa-modern"] body.comic-landing .nav{position:sticky!important;top:0!important;z-index:920!important;display:flex!important;align-items:center!important;min-height:77px!important;background:rgba(9,23,47,.98)!important;border:0!important;border-bottom:1px solid #2c436b!important;box-shadow:0 12px 30px #091b342c!important;backdrop-filter:blur(17px)!important}
html[data-design="armufa-modern"] body.comic-landing .nav-in{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;min-height:76px!important}
html[data-design="armufa-modern"] body.comic-landing .brand{display:inline-flex!important;align-items:center!important;gap:10px!important;color:#fff!important;text-decoration:none!important;min-width:0!important}
html[data-design="armufa-modern"] body.comic-landing .brand-logo{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border:1px solid #7cafff65!important;border-radius:13px!important;background:linear-gradient(135deg,#347dff,#154cae)!important;color:#fff!important;box-shadow:none!important;transform:none!important}
html[data-design="armufa-modern"] body.comic-landing .brand-name{color:#fff!important;font:850 clamp(15px,2vw,21px) 'Inter','Nunito',sans-serif!important;letter-spacing:-.035em!important;text-shadow:none!important}
html[data-design="armufa-modern"] body.comic-landing .nav-actions{display:flex!important;align-items:center!important;gap:10px!important}
html[data-design="armufa-modern"] body.comic-landing .nav-actions>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:41px!important;padding:10px 16px!important;border:1px solid #38527b!important;border-radius:12px!important;background:#152a4c!important;color:#eff5ff!important;font:760 12px 'Inter','Nunito',sans-serif!important;box-shadow:none!important;transform:none!important}
html[data-design="armufa-modern"] body.comic-landing .nav-actions>a:last-child{background:#2463eb!important;border-color:#3478ff!important;color:#fff!important}
html[data-design="armufa-modern"] body.comic-landing .hero{position:relative!important;isolation:isolate!important;overflow:hidden!important;padding:92px 0 96px!important;background:radial-gradient(circle at 92% 15%,#2768d14f,transparent 40%),linear-gradient(130deg,#09172d,#0d2c5e 75%,#144799)!important;border:0!important;color:#fff!important;box-shadow:none!important}
html[data-design="armufa-modern"] body.comic-landing .hero:before{content:''!important;position:absolute!important;right:-120px!important;top:-230px!important;z-index:-1!important;width:640px!important;height:640px!important;border:1px solid #ffffff22!important;border-radius:50%!important;box-shadow:0 0 0 85px #ffffff05,0 0 0 176px #ffffff04!important;pointer-events:none!important}
html[data-design="armufa-modern"] body.comic-landing .hero-grid{display:grid!important;grid-template-columns:minmax(0,1.13fr) minmax(280px,.87fr)!important;align-items:center!important;gap:45px!important}
html[data-design="armufa-modern"] body.comic-landing .hero-copy{min-width:0!important}
html[data-design="armufa-modern"] body.comic-landing .eyebrow{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 13px!important;background:#ffffff13!important;color:#adf3f0!important;border:1px solid #a5ecf344!important;border-radius:99px!important;font:800 11px 'Inter','Nunito',sans-serif!important;letter-spacing:.09em!important;box-shadow:none!important;transform:none!important}
html[data-design="armufa-modern"] body.comic-landing .hero h1{font:870 clamp(35px,5vw,63px)/1.14 'Inter','Nunito',sans-serif!important;letter-spacing:-.059em!important;color:#fff!important;text-shadow:none!important;margin:21px 0!important;max-width:700px!important}
html[data-design="armufa-modern"] body.comic-landing .hero h1 span{display:block!important;background:linear-gradient(95deg,#76e9ec,#90b7ff,#f6f9ff)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;filter:none!important;text-shadow:none!important;line-height:inherit!important}
html[data-design="armufa-modern"] body.comic-landing .hero-copy>p{color:#c0d2eb!important;font-size:15px!important;line-height:1.8!important;max-width:600px!important}
html[data-design="armufa-modern"] body.comic-landing .hero-actions{display:flex!important;gap:11px!important;flex-wrap:wrap!important;margin:27px 0!important}
html[data-design="armufa-modern"] body.comic-landing .hero-actions .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:49px!important;padding:12px 20px!important;border:1px solid #6386ba!important;border-radius:13px!important;background:#ffffff15!important;color:#fff!important;box-shadow:none!important;font:800 12px 'Inter','Nunito',sans-serif!important;transform:none!important}
html[data-design="armufa-modern"] body.comic-landing .hero-actions .btn-gold{background:#3679ff!important;border-color:#5491ff!important;color:#fff!important;box-shadow:0 9px 24px #071e6b55!important}
html[data-design="armufa-modern"] body.comic-landing .trust-row{display:flex!important;align-items:center!important;gap:13px!important;flex-wrap:wrap!important;color:#bdd0e9!important;font-size:11px!important}
html[data-design="armufa-modern"] body.comic-landing .trust-row :is(span,div){color:#cbdcf1!important}
html[data-design="armufa-modern"] body.comic-landing .phone{position:relative!important;isolation:isolate!important;margin-inline:auto!important;max-width:340px!important;padding:16px!important;border:1px solid #799de35c!important;border-radius:36px!important;background:linear-gradient(155deg,#213e68,#0c1d38)!important;box-shadow:0 40px 80px #020a1e70,0 0 0 12px #ffffff08!important;color:#f4faff!important;transform:rotate(5deg)!important}
html[data-design="armufa-modern"] body.comic-landing .phone:before{content:''!important;position:absolute!important;inset:-24px!important;z-index:-1!important;border:1px solid #b2d5ff33!important;border-radius:53px!important;pointer-events:none!important}
html[data-design="armufa-modern"] body.comic-landing .phone :is(.phone-notch,.phone-head){color:#f3f7ff!important}
html[data-design="armufa-modern"] body.comic-landing .mini-card{border:1px solid #d9e6f7!important;border-radius:14px!important;background:#f6f9ff!important;color:#163459!important;box-shadow:none!important;transform:none!important}
html[data-design="armufa-modern"] body.comic-landing .mini-card :is(h3,b,strong){color:#143765!important}
html[data-design="armufa-modern"] body.comic-landing .mini-card :is(span,p,small){color:#53718f!important}
html[data-design="armufa-modern"] body.comic-landing :is(.features,.steps,.cta){padding:70px 0!important;background:transparent!important;color:#142740!important;box-shadow:none!important}
html[data-design="armufa-modern"] body.comic-landing .features{background:#f4f7fc!important}
html[data-design="armufa-modern"] body.comic-landing .steps{background:#edf3fc!important;border:0!important}
html[data-design="armufa-modern"] body.comic-landing .section-kicker{display:block!important;color:#2867d6!important;font:850 11px 'Inter','Nunito',sans-serif!important;letter-spacing:.15em!important;margin-bottom:10px!important}
html[data-design="armufa-modern"] body.comic-landing .section-title{font:860 clamp(26px,3.5vw,42px)/1.2 'Inter','Nunito',sans-serif!important;letter-spacing:-.05em!important;color:#142843!important;text-shadow:none!important}
html[data-design="armufa-modern"] body.comic-landing .section-sub{max-width:670px!important;font-size:14px!important;color:#5e708a!important;line-height:1.75!important}
html[data-design="armufa-modern"] body.comic-landing .feature-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-top:26px!important}
html[data-design="armufa-modern"] body.comic-landing .feature{padding:26px!important;min-width:0!important;min-height:185px!important;border:1px solid #dce6f4!important;border-radius:19px!important;background:#fff!important;color:#1e3553!important;box-shadow:0 11px 26px #1437620c!important;transform:none!important}
html[data-design="armufa-modern"] body.comic-landing .feature-icon{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;margin-bottom:18px!important;border:0!important;border-radius:14px!important;background:#e7efff!important;color:#2867e5!important;box-shadow:none!important;transform:none!important}
html[data-design="armufa-modern"] body.comic-landing .feature:nth-child(3n+2) .feature-icon{background:#e2f8f1!important;color:#06886e!important}
html[data-design="armufa-modern"] body.comic-landing .feature:nth-child(3n+3) .feature-icon{background:#f0eaff!important;color:#7156c8!important}
html[data-design="armufa-modern"] body.comic-landing .feature h3{color:#162f4b!important;font-size:17px!important;font-weight:850!important}
html[data-design="armufa-modern"] body.comic-landing .feature p{color:#677995!important;font-size:12px!important;line-height:1.7!important}
html[data-design="armufa-modern"] body.comic-landing .step-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin-top:29px!important}
html[data-design="armufa-modern"] body.comic-landing .step{min-width:0!important;padding:24px!important;border:1px solid #d8e4f3!important;border-radius:18px!important;background:#fff!important;color:#1b3352!important;box-shadow:none!important;transform:none!important}
html[data-design="armufa-modern"] body.comic-landing .step>b{display:grid!important;place-items:center!important;width:41px!important;height:41px!important;margin-bottom:15px!important;border-radius:12px!important;background:#e8f0ff!important;color:#2463e8!important;font:850 16px 'Inter','Nunito',sans-serif!important}
html[data-design="armufa-modern"] body.comic-landing .step h3{color:#1a3050!important;font-size:15px!important;font-weight:850!important}
html[data-design="armufa-modern"] body.comic-landing .step p{color:#667992!important;font-size:12px!important}
html[data-design="armufa-modern"] body.comic-landing .cta{padding:70px 0 83px!important;background:#f4f7fc!important}
html[data-design="armufa-modern"] body.comic-landing .cta-box{position:relative!important;overflow:hidden!important;padding:54px 35px!important;border:1px solid #2f5dac!important;border-radius:27px!important;background:radial-gradient(circle at 85% -10%,#427def73,transparent 50%),linear-gradient(125deg,#0b1d40,#174a92)!important;color:#fff!important;box-shadow:0 20px 43px #1c3e7130!important}
html[data-design="armufa-modern"] body.comic-landing .cta-box h2{color:#fff!important;font:850 clamp(24px,3.3vw,37px)/1.2 'Inter','Nunito',sans-serif!important;letter-spacing:-.05em!important}
html[data-design="armufa-modern"] body.comic-landing .cta-box p{color:#c3d6ed!important;line-height:1.75!important}
html[data-design="armufa-modern"] body.comic-landing .cta-box .btn{background:#fff!important;color:#1950b9!important;border-radius:12px!important;border:0!important;font-weight:800!important;box-shadow:none!important}
html[data-design="armufa-modern"] body.comic-landing .footer{padding:26px 0!important;background:#0a1932!important;color:#a8bbd6!important;border:0!important}
html[data-design="armufa-modern"] body.comic-landing .footer a{color:#d5e7ff!important}
html[data-design="armufa-modern"] body.comic-landing .landing-promo{padding:35px 0!important;background:#f4f7fc!important}
html[data-design="armufa-modern"] body.comic-landing .landing-promo-shell{border:1px solid #d8e4f5!important;border-radius:22px!important;background:#fff!important;box-shadow:0 16px 40px #17375c1a!important}
html[data-design="armufa-modern"] body.comic-landing .landing-promo-overlay{background:linear-gradient(0deg,#071b36eb,transparent)!important}
html[data-design="armufa-modern"] body.comic-landing .landing-promo-copy :is(strong,span){color:#fff!important}
html[data-design="armufa-modern"] body.comic-landing .landing-promo-cta{background:#fff!important;color:#1b57cc!important;border-radius:11px!important}
/* Developer docs, black code on light panels and readable dark code blocks. */
html[data-design="armufa-modern"] body .docs-nav{position:sticky!important;top:0!important;z-index:910!important;display:flex!important;align-items:center!important;gap:15px!important;padding:13px max(22px,calc((100vw - 1160px)/2))!important;min-height:72px!important;border:0!important;border-bottom:1px solid #2c4164!important;background:#0a1a35!important;color:#f6faff!important;box-shadow:0 10px 25px #0b25421b!important}
html[data-design="armufa-modern"] body .docs-brand{color:#fff!important;font-size:17px!important;font-weight:850!important}
html[data-design="armufa-modern"] body .docs-nav>span{color:#bad0eb!important;font-size:10px!important;font-weight:800!important;letter-spacing:.1em!important}
html[data-design="armufa-modern"] body .docs-nav .docs-button{background:#286af0!important;color:#fff!important;border-color:#387ff9!important}
html[data-design="armufa-modern"] body .docs-jump-nav{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:center!important;padding:12px!important;border:0!important;background:#e9f1ff!important;color:#2a5ac4!important}
html[data-design="armufa-modern"] body .docs-jump-nav a{padding:6px 12px!important;border-radius:9px!important;color:#2156be!important;font-size:11px!important;font-weight:760!important}
html[data-design="armufa-modern"] body .docs-wrap{padding:27px 0 60px!important}
html[data-design="armufa-modern"] body .docs-cover{position:relative!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:37px!important;background:radial-gradient(circle at 85% 0%,#3777ef71,transparent 44%),linear-gradient(125deg,#0b1e3c,#174587)!important;border:1px solid #305c9b!important;border-radius:23px!important;box-shadow:0 17px 37px #142e5f29!important;color:#fff!important}
html[data-design="armufa-modern"] body .docs-cover h1{color:#fff!important;font:850 clamp(30px,4.6vw,52px)/1.13 'Inter','Nunito',sans-serif!important;letter-spacing:-.055em!important;text-shadow:none!important}
html[data-design="armufa-modern"] body .docs-cover h1 em{color:#88e8ec!important;font-style:normal!important}
html[data-design="armufa-modern"] body .docs-cover p{color:#c0d5ef!important;font-size:13px!important;line-height:1.75!important}
html[data-design="armufa-modern"] body .docs-kicker{color:#2170e6!important;font:850 10px 'Inter','Nunito',sans-serif!important;letter-spacing:.12em!important}
html[data-design="armufa-modern"] body .docs-cover .docs-kicker{color:#99edef!important}
html[data-design="armufa-modern"] body .docs-cover .docs-button{border-radius:11px!important}
html[data-design="armufa-modern"] body .docs-facts{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;margin:16px 0 25px!important}
html[data-design="armufa-modern"] body .docs-facts span{background:#fff!important;border:1px solid #d7e3f4!important;border-radius:12px!important;color:#6b7e99!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .docs-facts b{color:#2059d8!important}
html[data-design="armufa-modern"] body .docs-layout{display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;gap:18px!important;align-items:start!important}
html[data-design="armufa-modern"] body .docs-sidebar{position:sticky!important;top:102px!important;padding:17px!important;border:1px solid #dfe8f5!important;border-radius:16px!important;background:#fff!important;color:#4a6483!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .docs-sidebar a{display:block!important;padding:11px!important;border-radius:9px!important;color:#415b7d!important;font-size:12px!important}
html[data-design="armufa-modern"] body .docs-sidebar a:hover{background:#eaf2ff!important;color:#225aca!important}
html[data-design="armufa-modern"] body .docs-content{min-width:0!important}
html[data-design="armufa-modern"] body .docs-panel{margin:0 0 17px!important;padding:27px!important}
html[data-design="armufa-modern"] body .docs-panel h2{color:#163050!important;font:850 clamp(21px,2.8vw,30px) 'Inter','Nunito',sans-serif!important;letter-spacing:-.045em!important}
html[data-design="armufa-modern"] body :is(.docs-endpoint,.docs-base-url,.docs-note,.docs-steps,.docs-response-example){background:#f8fbff!important;border:1px solid #d9e5f5!important;border-radius:12px!important;color:#273e5e!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .docs-endpoint summary{color:#203a61!important;font-weight:800!important}
html[data-design="armufa-modern"] body .docs-code,html[data-design="armufa-modern"] body .docs-response{background:#0e213f!important;color:#e3eeff!important;border:1px solid #2a4873!important;border-radius:12px!important;overflow:auto!important}
html[data-design="armufa-modern"] body :is(.docs-code pre,.docs-code code,.docs-response pre,.docs-response code){background:transparent!important;color:#e5f1ff!important;border:0!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .docs-footer{color:#7f90a8!important;border-color:#dae3f1!important}
/* Purchase flow, chat and deposit. */
html[data-design="armufa-modern"] body .mc-service-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(155px,1fr))!important;gap:13px!important}
html[data-design="armufa-modern"] body .mc-service-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:22px 16px!important;min-height:145px!important;text-align:center!important;transform:none!important}
html[data-design="armufa-modern"] body .mc-service-icon{width:58px!important;height:58px!important;border-radius:17px!important;font-size:24px!important}
html[data-design="armufa-modern"] body .mc-service-name{font-size:13px!important;overflow-wrap:anywhere!important}
html[data-design="armufa-modern"] body .otp-shop-servers{gap:10px!important}
html[data-design="armufa-modern"] body .otp-shop-server{padding:12px!important;min-width:0!important}
html[data-design="armufa-modern"] body .otp-shop-server.offline{opacity:.68!important;background:#f4f6fa!important}
html[data-design="armufa-modern"] body .otp-online-dot{background:#e05a6a!important}
html[data-design="armufa-modern"] body .otp-shop-server.online .otp-online-dot{background:#0aa47e!important}
html[data-design="armufa-modern"] body .mc-country-item{overflow:hidden!important;background:#fff!important;border:1px solid #e1e8f3!important;border-radius:15px!important;color:#203a59!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .mc-country-header{padding:15px!important;background:#fff!important;color:#1b3557!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .mc-server-item{border-top:1px solid #e4eaf4!important;padding:13px!important;background:#f9fbff!important;color:#28415f!important}
html[data-design="armufa-modern"] body .mc-order-sticky{border:1px solid #d5e1f1!important;border-radius:16px!important;background:#fff!important;box-shadow:0 12px 36px #16335b2a!important;color:#1c3553!important}
html[data-design="armufa-modern"] body .mc-chat-page{max-width:980px!important}
html[data-design="armufa-modern"] body .mc-chat-heading{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:17px!important}
html[data-design="armufa-modern"] body .mc-chat-heading .mc-section-title{margin:0!important}
html[data-design="armufa-modern"] body .mc-chat-subtitle{color:#60748f!important;font-size:12px!important}
html[data-design="armufa-modern"] body .mc-chat-card{overflow:hidden!important;border:1px solid #dce6f2!important;border-radius:21px!important;background:#fff!important;box-shadow:0 12px 35px #17386215!important}
html[data-design="armufa-modern"] body .mc-chat-messages{background:linear-gradient(140deg,#f5f8ff,#edf4ff)!important;color:#263e5d!important}
html[data-design="armufa-modern"] body .mc-chat-bubble{background:#fff!important;border:1px solid #d6e3f3!important;border-radius:15px!important;color:#25405f!important;box-shadow:0 4px 12px #14345e0c!important}
html[data-design="armufa-modern"] body .mc-chat-own .mc-chat-bubble{background:#2364e8!important;color:#fff!important;border:1px solid #1c57c9!important}
html[data-design="armufa-modern"] body .mc-chat-own .mc-chat-bubble :is(span,p,a){color:#fff!important}
html[data-design="armufa-modern"] body .mc-chat-send-bar{background:#fff!important;border-top:1px solid #dfe8f5!important}
html[data-design="armufa-modern"] body .mc-chat-live{background:#e2f9f0!important;color:#0b7758!important;border:1px solid #bfe6d3!important;border-radius:99px!important;padding:6px 10px!important}
html[data-design="armufa-modern"] body .mc-cs-card{display:flex!important;align-items:center!important;gap:15px!important;padding:19px!important}
html[data-design="armufa-modern"] body .mc-cs-icon{width:53px!important;height:53px!important;font-size:21px!important}
html[data-design="armufa-modern"] body .mc-amount-btn{min-height:51px!important;font-weight:820!important}
html[data-design="armufa-modern"] body .mc-balance-card:not(.dashboard-hero .mc-balance-card){min-height:0!important}
html[data-design="armufa-modern"] body .mc-timer{font-weight:850!important;font-size:26px!important;letter-spacing:.025em!important}
html[data-design="armufa-modern"] body .qris-payment-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important}
html[data-design="armufa-modern"] body .qris-dismiss-btn{background:#fff0f3!important;color:#be3857!important;border-color:#f1ccd5!important}
html[data-design="armufa-modern"] body .qris-dismiss-note{color:#71819a!important;font-size:11px!important}
/* Gacha: replace comic gradients/outline with violet & sapphire. */
html[data-design="armufa-modern"] body .gacha-page{max-width:850px!important;color:#203650!important}
html[data-design="armufa-modern"] body .gacha-hero{position:relative!important;padding:36px 22px!important;overflow:hidden!important;border:1px solid #517bc9!important;border-radius:23px!important;background:radial-gradient(circle at 95% 5%,#9588ff88,transparent 47%),linear-gradient(120deg,#102351,#393184 80%,#4e41a8)!important;color:#fff!important;box-shadow:0 18px 43px #1f2b713d!important}
html[data-design="armufa-modern"] body .gacha-hero h1{font:870 clamp(31px,5.5vw,53px)/1.14 'Inter','Nunito',sans-serif!important;letter-spacing:-.05em!important;text-shadow:none!important;color:#fff!important}
html[data-design="armufa-modern"] body .gacha-hero h1 em{color:#b7f5ff!important}
html[data-design="armufa-modern"] body .gacha-hero-tag{padding:7px 13px!important;border:1px solid #ffffff44!important;border-radius:99px!important;background:#ffffff26!important;color:#eaf3ff!important;box-shadow:none!important;transform:none!important;font:850 10px 'Inter','Nunito',sans-serif!important}
html[data-design="armufa-modern"] body .gacha-hero p{color:#d1daf5!important;font-size:13px!important}
html[data-design="armufa-modern"] body .gacha-stage{border:1px solid #dfe7f5!important;border-radius:24px!important;background:#fff!important;box-shadow:0 16px 40px #18326319!important;color:#213a59!important}
html[data-design="armufa-modern"] body .gacha-info{background:#f8faff!important;border:1px solid #dae5f5!important;border-radius:14px!important;color:#2b4264!important}
}
/* Mobile and motion safety — unlayered media rules are placed in the pop
   cascade layer to preserve specificity against legacy responsive styles. */
@layer pop {
@media (max-width:1050px) {
 html[data-design="armufa-modern"] body .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html[data-design="armufa-modern"] body .dashboard-secondary{grid-template-columns:minmax(0,1fr)!important}
 html[data-design="armufa-modern"] body.comic-landing .hero-grid{gap:20px!important}
 html[data-design="armufa-modern"] body.comic-landing .phone{transform:rotate(2deg) scale(.93)!important}
}
@media (max-width:800px) {
 html[data-design="armufa-modern"] body :is(.mc-page,.docs-wrap){width:calc(100% - 32px)!important}
 html[data-design="armufa-modern"] body .mc-page{padding-top:19px!important;padding-bottom:112px!important}
 html[data-design="armufa-modern"] body .mc-header{padding:0 16px!important;min-height:66px!important}
 html[data-design="armufa-modern"] body .mc-header-inner{min-height:66px!important}
 html[data-design="armufa-modern"] body .mc-logo-icon{width:38px!important;height:38px!important;flex-basis:38px!important}
 html[data-design="armufa-modern"] body .dashboard-hero{grid-template-columns:1fr!important}
 html[data-design="armufa-modern"] body .mc-balance-card{min-height:230px!important}
 html[data-design="armufa-modern"] body .order-hero{min-height:190px!important}
 html[data-design="armufa-modern"] body .pop-welcome{grid-template-columns:minmax(0,1fr) 120px!important;min-height:225px!important;padding:28px!important}
 html[data-design="armufa-modern"] body .pop-hero-art>i{width:118px!important;height:118px!important;border-radius:31px!important;font-size:60px!important}
 html[data-design="armufa-modern"] body .pop-orbit{font-size:9px!important;right:-8px!important}
 html[data-design="armufa-modern"] body .mc-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html[data-design="armufa-modern"] body .auth-wrapper{grid-template-columns:1fr!important;width:min(570px,calc(100% - 30px))!important;min-height:0!important;margin:25px auto!important}
 html[data-design="armufa-modern"] body .auth-showcase{min-height:0!important;padding:23px 27px!important}
 html[data-design="armufa-modern"] body .auth-showcase-content,html[data-design="armufa-modern"] body .auth-showcase-orb,html[data-design="armufa-modern"] body .auth-showcase-bottom{display:none!important}
 html[data-design="armufa-modern"] body .auth-card{min-height:0!important;padding:35px 32px 40px!important}
 html[data-design="armufa-modern"] body .docs-layout{grid-template-columns:1fr!important}
 html[data-design="armufa-modern"] body .docs-sidebar{position:static!important;display:flex!important;flex-wrap:wrap!important;gap:5px!important}
 html[data-design="armufa-modern"] body .docs-sidebar small,html[data-design="armufa-modern"] body .docs-sidebar p{display:none!important}
 html[data-design="armufa-modern"] body.comic-landing .hero{padding:65px 0!important}
 html[data-design="armufa-modern"] body.comic-landing .hero-grid{grid-template-columns:1fr!important;gap:40px!important}
 html[data-design="armufa-modern"] body.comic-landing .phone{transform:none!important;width:min(350px,90%)!important}
 html[data-design="armufa-modern"] body.comic-landing .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html[data-design="armufa-modern"] body.comic-landing .step-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html[data-design="armufa-modern"][data-admin] body .ac-nav{width:calc(100% - 32px)!important}
 html[data-design="armufa-modern"][data-admin] body .adm-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html[data-design="armufa-modern"][data-admin] body .adm-chips{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:520px) {
 html[data-design="armufa-modern"] body{font-size:13px!important}
 html[data-design="armufa-modern"] body :is(.mc-page,.docs-wrap){width:calc(100% - 26px)!important}
 html[data-design="armufa-modern"] body .mc-header{padding:0 13px!important}
 html[data-design="armufa-modern"] body .mc-header-inner{gap:8px!important}
 html[data-design="armufa-modern"] body .mc-logo{gap:7px!important}
 html[data-design="armufa-modern"] body .mc-logo-text{font-size:clamp(12px,3.7vw,17px)!important;max-width:143px!important}
 html[data-design="armufa-modern"] body .mc-logo-icon{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important}
 html[data-design="armufa-modern"] body :is(.pop-header-icon,.pop-orders){height:37px!important;min-height:37px!important;border-radius:10px!important;padding:0 9px!important}
 html[data-design="armufa-modern"] body .pop-header-icon{width:37px!important;padding:0!important;font-size:14px!important}
 html[data-design="armufa-modern"] body .pop-orders{font-size:0!important;gap:4px!important}
 html[data-design="armufa-modern"] body .pop-orders>i{font-size:15px!important}
 html[data-design="armufa-modern"] body .pop-orders b{font-size:9px!important;min-width:17px!important;min-height:17px!important;padding:1px 4px!important}
 html[data-design="armufa-modern"] body .pop-welcome{grid-template-columns:1fr!important;min-height:0!important;padding:28px 24px!important;border-radius:21px!important}
 html[data-design="armufa-modern"] body .pop-hero-art{display:none!important}
 html[data-design="armufa-modern"] body .pop-speech h1{font-size:clamp(25px,7vw,34px)!important}
 html[data-design="armufa-modern"] body .pop-announcement{padding:12px 13px!important;gap:11px!important}
 html[data-design="armufa-modern"] body .pop-announcement>span{width:35px!important;height:35px!important;flex-basis:35px!important;font-size:16px!important}
 html[data-design="armufa-modern"] body .mc-balance-card{padding:23px!important;min-height:216px!important;border-radius:20px!important}
 html[data-design="armufa-modern"] body .mc-balance-amount{font-size:clamp(31px,10vw,43px)!important;margin:12px 0!important}
 html[data-design="armufa-modern"] body .mc-balance-amount .bal-rp{font-size:16px!important}
 html[data-design="armufa-modern"] body .balance-card-bottom{gap:10px!important}
 html[data-design="armufa-modern"] body .mc-topup-btn{font-size:11px!important}
 html[data-design="armufa-modern"] body .order-hero{padding:24px!important;border-radius:20px!important;min-height:220px!important}
 html[data-design="armufa-modern"] body .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 html[data-design="armufa-modern"] body .quick-link{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;min-height:125px!important;padding:14px!important;border-radius:15px!important}
 html[data-design="armufa-modern"] body .quick-link>i{display:none!important}
 html[data-design="armufa-modern"] body .quick-icon{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:17px!important}
 html[data-design="armufa-modern"] body .quick-link>span:nth-child(2){font-size:12px!important}
 html[data-design="armufa-modern"] body .mc-card{padding:17px!important;border-radius:16px!important}
 html[data-design="armufa-modern"] body .mc-section-title{font-size:18px!important}
 html[data-design="armufa-modern"] body .mc-stats-grid{gap:10px!important}
 html[data-design="armufa-modern"] body .mc-stat-card{min-height:122px!important;padding:16px!important;border-radius:16px!important}
 html[data-design="armufa-modern"] body .mc-stat-icon{width:36px!important;height:36px!important;font-size:16px!important}
 html[data-design="armufa-modern"] body .mc-stat-value{font-size:21px!important;overflow-wrap:anywhere!important}
 html[data-design="armufa-modern"] body .mc-bottom-nav{bottom:8px!important;width:calc(100% - 16px)!important;min-height:62px!important;border-radius:17px!important;padding:6px!important}
 html[data-design="armufa-modern"] body .mc-nav-item{font-size:9px!important}
 html[data-design="armufa-modern"] body .mc-nav-icon{font-size:16px!important}
 html[data-design="armufa-modern"] body .pop-chat-fab{width:47px!important;height:47px!important;right:15px!important;bottom:86px!important;border-radius:14px!important}
 html[data-design="armufa-modern"] body .auth-wrapper{width:calc(100% - 22px)!important;margin:13px auto!important;border-radius:21px!important}
 html[data-design="armufa-modern"] body .auth-showcase{padding:19px 24px!important}
 html[data-design="armufa-modern"] body .auth-showcase-brand{font-size:15px!important}
 html[data-design="armufa-modern"] body .auth-showcase-symbol{width:35px!important;height:35px!important}
 html[data-design="armufa-modern"] body .auth-card{padding:28px 23px 33px!important}
 html[data-design="armufa-modern"] body .auth-title{font-size:24px!important}
 html[data-design="armufa-modern"] body .docs-nav{min-height:62px!important;padding:10px 13px!important;gap:8px!important;flex-wrap:wrap!important}
 html[data-design="armufa-modern"] body .docs-nav>span{display:none!important}
 html[data-design="armufa-modern"] body .docs-cover{padding:27px 20px!important;border-radius:18px!important}
 html[data-design="armufa-modern"] body .docs-cover-art{display:none!important}
 html[data-design="armufa-modern"] body .docs-panel{padding:19px!important}
 html[data-design="armufa-modern"] body .mc-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 html[data-design="armufa-modern"] body .mc-service-card{min-height:126px!important;padding:15px 10px!important}
 html[data-design="armufa-modern"] body .mc-service-icon{width:48px!important;height:48px!important;font-size:21px!important}
 html[data-design="armufa-modern"] body.comic-landing .wrap{width:calc(100% - 30px)!important}
 html[data-design="armufa-modern"] body.comic-landing .nav{min-height:66px!important}
 html[data-design="armufa-modern"] body.comic-landing .nav-in{min-height:66px!important;gap:8px!important}
 html[data-design="armufa-modern"] body.comic-landing .brand-name{font-size:14px!important;max-width:130px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 html[data-design="armufa-modern"] body.comic-landing .brand-logo{width:35px!important;height:35px!important}
 html[data-design="armufa-modern"] body.comic-landing .nav-actions{gap:6px!important}
 html[data-design="armufa-modern"] body.comic-landing .nav-actions>a{padding:8px 11px!important;min-height:37px!important;font-size:11px!important}
 html[data-design="armufa-modern"] body.comic-landing .hero{padding:56px 0!important}
 html[data-design="armufa-modern"] body.comic-landing .hero h1{font-size:clamp(31px,9vw,42px)!important}
 html[data-design="armufa-modern"] body.comic-landing .hero-copy>p{font-size:13px!important}
 html[data-design="armufa-modern"] body.comic-landing :is(.features,.steps,.cta){padding:47px 0!important}
 html[data-design="armufa-modern"] body.comic-landing .feature-grid{grid-template-columns:1fr!important}
 html[data-design="armufa-modern"] body.comic-landing .step-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
 html[data-design="armufa-modern"] body.comic-landing .step{padding:17px!important}
 html[data-design="armufa-modern"] body.comic-landing .cta-box{padding:35px 22px!important;border-radius:19px!important}
 html[data-design="armufa-modern"] body.comic-landing .footer-in{display:flex!important;flex-wrap:wrap!important;gap:12px!important}
 html[data-design="armufa-modern"][data-admin] body .ac-nav{width:calc(100% - 26px)!important;margin-top:15px!important}
 html[data-design="armufa-modern"][data-admin] body .ac-nav-label{gap:7px!important;font-size:10px!important}
 html[data-design="armufa-modern"][data-admin] body .ac-all{font-size:10px!important;padding:0 9px!important}
 html[data-design="armufa-modern"][data-admin] body .ac-shortcut{font-size:11px!important;gap:5px!important;min-height:44px!important;padding:8px 4px!important}
 html[data-design="armufa-modern"][data-admin] body :is(.ac-hero,.adm-hero){padding:22px 17px!important;gap:12px!important;border-radius:18px!important}
 html[data-design="armufa-modern"][data-admin] body .adm-hero-ico{width:43px!important;height:43px!important;flex-basis:43px!important;font-size:18px!important}
 html[data-design="armufa-modern"][data-admin] body .adm-links{grid-template-columns:1fr!important}
 html[data-design="armufa-modern"][data-admin] body .adm-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html[data-design="armufa-modern"][data-admin] body .ac-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:12px!important}
 html[data-design="armufa-modern"][data-admin] body .ac-menu-card{min-height:120px!important;padding:12px!important}
 html[data-design="armufa-modern"][data-admin] body .ac-dialog-head{padding:20px 15px!important}
 html[data-design="armufa-modern"] body .account-drawer-who h2{font-size:14px!important}
}
@media (prefers-reduced-motion:reduce) {
 html[data-design="armufa-modern"] body *,html[data-design="armufa-modern"] body *::before,html[data-design="armufa-modern"] body *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
}
}
@layer pop {
/* Final contrast + icon font corrections. Higher specificity intentionally
   wins over legacy pixel/comic selectors and UI utility declarations. */
html[data-design="armufa-modern"] body :is(i.fas,i.fa-solid,i.fa):not(.fa-brands),
html[data-design="armufa-modern"] body :is(i.fas,i.fa-solid,i.fa):not(.fa-brands)::before {
  font-family:"Font Awesome 7 Free"!important;font-style:normal!important;font-weight:900!important;
  -webkit-text-fill-color:currentColor!important;
}
html[data-design="armufa-modern"] body :is(i.far,i.fa-regular),
html[data-design="armufa-modern"] body :is(i.far,i.fa-regular)::before{
  font-family:"Font Awesome 7 Free"!important;font-weight:400!important;font-style:normal!important;
  -webkit-text-fill-color:currentColor!important;
}
html[data-design="armufa-modern"] body :is(i.fab,i.fa-brands),
html[data-design="armufa-modern"] body :is(i.fab,i.fa-brands)::before{
  font-family:"Font Awesome 7 Brands"!important;font-weight:400!important;font-style:normal!important;
  -webkit-text-fill-color:currentColor!important;
}
html[data-design="armufa-modern"] body .mc-header .mc-logo .mc-logo-text{color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-design="armufa-modern"] body .mc-header .pop-orders :is(span,i){color:#f5faff!important;-webkit-text-fill-color:#f5faff!important}
html[data-design="armufa-modern"] body .mc-header .pop-orders b{color:#0d3049!important;-webkit-text-fill-color:#0d3049!important}
html[data-design="armufa-modern"] body .mc-header .pop-header-icon i{color:#f1f8ff!important}
html[data-design="armufa-modern"] body .mc-balance-card .mc-topup-btn{display:inline-flex!important;width:auto!important;background:#fff!important;color:#194aaa!important;border:0!important;box-shadow:0 6px 17px #08265344!important}
html[data-design="armufa-modern"] body .mc-balance-card .mc-topup-btn :is(i,span){color:#194aaa!important}
html[data-design="armufa-modern"] body .auth-card button.mc-btn.mc-btn-primary,
html[data-design="armufa-modern"] body button.mc-btn.mc-btn-primary,
html[data-design="armufa-modern"] body a.mc-btn.mc-btn-primary{
  background:linear-gradient(135deg,#2c78ff,#1d55ce)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:1px solid #2062e7!important;
  box-shadow:0 8px 17px #2169df32!important;
}
html[data-design="armufa-modern"] body :is(.auth-showcase-bottom,.auth-showcase-bottom span,.auth-showcase-bottom i){color:#a9c0e3!important;-webkit-text-fill-color:#a9c0e3!important}
html[data-design="armufa-modern"] body .mc-nav-item.active{color:#215ad3!important}
html[data-design="armufa-modern"] body .order-hero .hero-tag{background:#163e56!important;color:#b1fff5!important}
html[data-design="armufa-modern"] body .mc-card:not(.key-hero):not(.mc-balance-card) [style*="color:#fff"],
html[data-design="armufa-modern"] body .mc-card:not(.key-hero):not(.mc-balance-card) [style*="color: #fff"]{color:#203c5e!important;-webkit-text-fill-color:#203c5e!important}
/* Settings may contain active link text injected with a dark-theme color;
   keep those panels readable after the light-card conversion. */
html[data-design="armufa-modern"][data-admin] body :is(.adm-card,.cfg-card,.seo-card,.mc-table-wrap) :is(p,label,small,span,strong,h2,h3){text-shadow:none!important}
}