*{box-sizing:border-box;}
  :root{
    --green:#007A3D; --green-dark:#005F30; --green-press:#00471F;
    --green-soft:#EAF7F0; --green-soft2:#D7EEDF;
    --gold:#B98A12; --gold-soft:#FBF1D6;
    --bg:#F4F7F5; --surface:#FFFFFF;
    --ink:#15271D; --muted:#5C6B62; --subtle:#93A199;
    --border:#E4ECE7; --border-strong:#CEDCD4; --error:#D9534F;
    --font-sans:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    --font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
    --shadow-xs:0 1px 2px rgba(8,40,24,.05);
    --shadow-sm:0 1px 3px rgba(8,40,24,.07),0 1px 2px rgba(8,40,24,.04);
    --shadow-md:0 4px 14px rgba(8,40,24,.08),0 2px 5px rgba(8,40,24,.04);
    --shadow-lg:0 16px 38px rgba(8,40,24,.12),0 5px 14px rgba(8,40,24,.06);
    --shadow-green:0 10px 24px rgba(0,122,61,.26);
    --ease-out:cubic-bezier(.22,1,.36,1);
  }
  html,body{margin:0;padding:0;}
  body{background:var(--bg);font-family:var(--font-sans);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
  img{display:block;}
  a{color:inherit;}
  input,button{font-family:inherit;}
  input::placeholder{color:var(--subtle);}
  svg{display:block;flex:none;}
  ::-webkit-scrollbar{width:12px;height:12px;}
  ::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid var(--bg);}
  ::-webkit-scrollbar-track{background:transparent;}
  @keyframes fadeUp{from{opacity:0;transform:translateY(9px);}to{opacity:1;transform:none;}}
  @keyframes spin{to{transform:rotate(360deg);}}
  @keyframes toastIn{from{opacity:0;transform:translate(-50%,14px);}to{opacity:1;transform:translate(-50%,0);}}
  @media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;}}

  /* ---------- Layout ---------- */
  .page{min-height:100vh;background:var(--bg);}
  .wrap{max-width:980px;margin:0 auto;}
  .topbar{background:var(--green-dark);color:#EAF7F0;}
  .topbar-inner{padding:9px 20px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.01em;}
  .topbar-inner svg{color:#9BE3BD;}

  header{padding:24px 20px 8px;}
  .header-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:22px 26px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;}
  .brand{display:flex;align-items:center;gap:18px;min-width:0;}
  .brand-logo{height:58px;width:auto;flex:none;}
  .vrule{width:1px;align-self:stretch;background:var(--border);margin:2px 0;}
  .eyebrow{font:800 11px var(--font-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--green);margin-bottom:6px;}
  h1.title{margin:0;font:800 25px/1.15 var(--font-sans);letter-spacing:-.02em;color:var(--ink);}
  .sub{margin:5px 0 0;font:500 14.5px/1.4 var(--font-sans);color:var(--muted);}
  .help{display:flex;align-items:center;gap:14px;background:var(--green-soft);border:1px solid var(--green-soft2);border-radius:18px;padding:14px 16px;min-width:248px;flex:1 1 248px;max-width:320px;}
  .help-ic{width:44px;height:44px;border-radius:13px;background:var(--surface);border:1px solid var(--green-soft2);display:flex;align-items:center;justify-content:center;color:var(--gold);flex:none;box-shadow:var(--shadow-xs);}
  .help-label{font:700 12px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--green);}
  .help-num{font:800 17px var(--font-mono);color:var(--ink);letter-spacing:-.01em;margin:2px 0;}
  .help-note{font:500 11.5px/1.35 var(--font-sans);color:var(--muted);}
  .help-call{flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--green);color:#fff;text-decoration:none;box-shadow:var(--shadow-green);transition:background .18s var(--ease-out);}
  .help-call:hover{background:var(--green-dark);}

  main{padding:16px 20px 8px;display:flex;flex-direction:column;gap:20px;}
  .card{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:26px;}
  .panel{padding:28px;animation:fadeUp .3s var(--ease-out);}

  .step-head{display:flex;align-items:center;gap:11px;margin-bottom:20px;}
  .step-num{width:28px;height:28px;border-radius:9px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font:800 13px var(--font-sans);flex:none;}
  .step-eyebrow{font:800 10.5px var(--font-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--green);}
  h2.step-title{margin:1px 0 0;font:800 18px var(--font-sans);letter-spacing:-.01em;color:var(--ink);}

  .req{color:var(--green);}
  .opt{color:var(--subtle);font-weight:500;}
  .field-label{display:block;font:700 12px var(--font-sans);color:var(--muted);margin-bottom:7px;}

  .amount-wrap{position:relative;max-width:340px;margin-bottom:16px;}
  .amount-cur{position:absolute;left:16px;top:50%;transform:translateY(-50%);font:700 17px var(--font-mono);color:var(--muted);pointer-events:none;}
  .amount-input{width:100%;padding:14px 16px 14px 48px;border:1px solid var(--border-strong);border-radius:13px;font:700 20px var(--font-mono);color:var(--ink);background:var(--bg);outline:none;transition:border-color .15s,box-shadow .15s;}
  .amount-input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,122,61,.15);background:var(--surface);}

  .grid-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
  .lbl{display:flex;flex-direction:column;gap:7px;}
  .lbl > span{font:700 12px var(--font-sans);color:var(--muted);}
  .inp{width:100%;padding:12px 14px;border:1px solid var(--border-strong);border-radius:12px;font:500 14.5px var(--font-sans);color:var(--ink);background:var(--surface);outline:none;transition:border-color .15s,box-shadow .15s;}
  .inp:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,122,61,.15);}
  .inp.invalid,.amount-input.invalid{border-color:var(--error);box-shadow:0 0 0 3px rgba(217,83,79,.12);}

  /* ---------- Tabs ---------- */
  .tabs{background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-sm);padding:8px;display:flex;gap:6px;margin-bottom:20px;}
  .tab{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;border:1px solid transparent;background:transparent;box-shadow:none;cursor:pointer;transition:all .2s var(--ease-out);text-align:left;}
  .tab-ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none;background:var(--bg);color:var(--subtle);transition:all .2s var(--ease-out);}
  .tab-txt{display:flex;flex-direction:column;gap:2px;min-width:0;}
  .tab-label{font:700 14.5px var(--font-sans);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .tab-sub{font:700 10.5px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .tab[aria-selected="true"]{border-color:var(--border);background:var(--surface);box-shadow:var(--shadow-sm);}
  .tab[aria-selected="true"] .tab-ic{background:var(--green-soft);color:var(--green);}
  .tab[aria-selected="true"] .tab-label{color:var(--ink);}
  .tab[aria-selected="true"] .tab-sub{color:var(--green);}

  .panel-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px;}
  .panel-ic{width:46px;height:46px;border-radius:13px;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;flex:none;}
  .panel-head h3{margin:0;font:800 20px var(--font-sans);letter-spacing:-.015em;color:var(--ink);}
  .panel-head p{margin:5px 0 0;font:500 14px/1.5 var(--font-sans);color:var(--muted);max-width:48ch;}

  /* How to pay */
  .howto{margin-bottom:24px;border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--bg);}
  .howto-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;background:linear-gradient(135deg,var(--green-dark),var(--green));color:#fff;}
  .howto-title{font:800 17px var(--font-sans);letter-spacing:-.01em;}
  .howto-sub{font:600 12.5px var(--font-sans);color:#CFEFDD;margin-top:3px;}
  .howto-banner-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);border-radius:999px;font:800 11.5px var(--font-sans);letter-spacing:.02em;flex:none;}
  .howto-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
  .howto-col{padding:20px 22px;border-right:1px solid var(--border);display:flex;flex-direction:column;}
  .howto-col:last-child{border-right:none;}
  .howto-col-head{display:flex;align-items:center;gap:9px;margin-bottom:14px;}
  .howto-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:9px;background:var(--green);color:#fff;font:800 12.5px var(--font-sans);flex:none;}
  .howto-col-t{font:800 11px var(--font-sans);letter-spacing:.07em;text-transform:uppercase;color:var(--green-dark);}
  .howto-ic{width:48px;height:48px;border-radius:14px;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
  .howto-step-t{font:700 14.5px var(--font-sans);color:var(--ink);letter-spacing:-.01em;}
  .howto-d{font:500 12.5px/1.55 var(--font-sans);color:var(--muted);margin-top:6px;}
  .howto-steps{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px;}
  .howto-steps li{position:relative;padding-left:18px;font:500 12.5px/1.45 var(--font-sans);color:var(--muted);}
  .howto-steps li::before{content:'';position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:var(--green);}
  .howto-col-qr{background:var(--surface);}
  .howto-col-qr .qr-box{width:auto;}
  .howto-note{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 22px;background:var(--ink);color:#D7EEDF;font:600 12px/1.5 var(--font-sans);}
  .howto-note svg{color:#7FC9A2;flex:none;}
  .howto-note span{flex:1 1 280px;}
  .howto-badges{display:flex;gap:8px;flex:none;}
  .howto-badge{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);font:800 11px var(--font-sans);letter-spacing:.02em;color:#fff;white-space:nowrap;}

  @media (max-width:780px){
    .howto-grid3{grid-template-columns:1fr;}
    .howto-col{border-right:none;border-bottom:1px solid var(--border);}
    .howto-col:last-child{border-bottom:none;}
  }

  /* QR */
  .qr-box{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:20px;width:288px;max-width:100%;margin:0 auto;}
  .qr-tag{display:flex;align-items:center;gap:7px;align-self:flex-start;}
  .qr-dot{width:9px;height:9px;border-radius:3px;background:var(--green);}
  .qr-tag span:last-child{font:800 12px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--green);}
  .qr-img{background:#fff;border-radius:14px;padding:14px;box-shadow:var(--shadow-sm);}
  .qr-img img {width: 100%;}
  .qr-cap{text-align:center;}
  .qr-cap-sm{font:500 12px var(--font-sans);color:var(--muted);}
  .qr-cap-amt{font:800 19px var(--font-mono);color:var(--ink);letter-spacing:-.01em;}
  .qr-dl{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 14px;border:1px solid var(--green-soft2);border-radius:12px;background:var(--surface);color:var(--green);font:700 13.5px var(--font-sans);text-decoration:none;cursor:pointer;transition:all .18s var(--ease-out);}
  .qr-dl:hover{background:var(--green-soft);}
  .mini-head{font:800 11px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;}
  .apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;}
  .app{display:flex;align-items:center;gap:9px;padding:9px 10px;background:var(--bg);border:1px solid var(--border);border-radius:13px;}
  .app-mono{width:30px;height:30px;border-radius:9px;flex:none;display:flex;align-items:center;justify-content:center;font:800 11px var(--font-sans);color:#fff;}
  .app-name{font:600 12px/1.2 var(--font-sans);color:var(--ink);min-width:0;}
  .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px;}
  .chip{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;background:var(--green-soft);border:1px solid var(--green-soft2);border-radius:999px;color:var(--green-dark);font:700 12.5px var(--font-sans);}
  .chip svg{color:var(--green);}

  /* Card */
  .nets{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:14px;}
  .net{display:inline-flex;align-items:center;justify-content:center;padding:9px 15px;border-radius:11px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xs);font:800 14px var(--font-sans);letter-spacing:.02em;}
  .badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;}
  .badge{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;background:var(--green-soft);border:1px solid var(--green-soft2);border-radius:999px;color:var(--green-dark);font:700 12.5px var(--font-sans);}
  .badge svg{color:var(--green);}
  .card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:22px;}
  .span2{grid-column:1/-1;}
  .inp-mono{font:600 15px var(--font-mono);letter-spacing:.04em;}
  .inp-name{font:600 14.5px var(--font-sans);letter-spacing:.02em;text-transform:uppercase;}
  .field-rel{position:relative;}
  .field-rel .inp{padding-right:84px;}
  .field-rel .cvv-pad{padding-right:40px;}
  .field-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:5px;pointer-events:none;color:var(--subtle);}
  .field-icon b{font:800 11px var(--font-sans);letter-spacing:.04em;}
  .summary{background:var(--bg);border:1px solid var(--border);border-radius:18px;padding:18px 20px;margin-bottom:22px;}
  .sum-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;}
  .sum-row .k{font:500 14px var(--font-sans);color:var(--muted);}
  .sum-row .v{font:600 15px var(--font-mono);color:var(--ink);}
  .sum-div{height:1px;background:var(--border);margin:10px 0;}
  .sum-total .k{font:700 15px var(--font-sans);color:var(--ink);}
  .sum-total .v{font:800 20px var(--font-mono);color:var(--green);letter-spacing:-.01em;}
  .pay-btn{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;padding:17px 24px;border:none;border-radius:14px;background:var(--green);color:#fff;cursor:pointer;box-shadow:var(--shadow-green);transition:all .2s var(--ease-out);}
  .pay-btn:hover{background:var(--green-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg);}
  .pay-btn:active{transform:scale(.985);}
  .pay-btn .pb-txt{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;}
  .pay-btn .pb-main{font:800 16px var(--font-sans);letter-spacing:-.01em;}
  .pay-btn .pb-sub{font:600 11.5px var(--font-sans);opacity:.82;}
  .pay-note{margin:14px 0 0;display:flex;align-items:center;justify-content:center;gap:7px;font:500 12.5px var(--font-sans);color:var(--muted);text-align:center;}
  .pay-note svg{color:var(--green);}

  /* Bank */
  .bank{border:1px solid var(--border);border-radius:18px;overflow:hidden;margin-bottom:22px;}
  .bank-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--bg);border-bottom:1px solid var(--border);}
  .bank-k{font:500 12px var(--font-sans);color:var(--subtle);}
  .bank-v{font:700 16px var(--font-sans);color:var(--ink);letter-spacing:.01em;}
  .bank-verified{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;background:var(--green-soft);border-radius:999px;color:var(--green-dark);font:700 11.5px var(--font-sans);}
  .bank-grid{display:grid;grid-template-columns:1fr 1fr;}
  .bank-cell{padding:14px 18px;border-bottom:1px solid var(--border);}
  .bank-cell.bl{border-right:1px solid var(--border);}
  .bank-cell.flex{display:flex;align-items:center;justify-content:space-between;gap:10px;}
  .bank-cell.last{border-bottom:none;}
  .bank-cell .v-mono{font:600 15px var(--font-mono);color:var(--ink);letter-spacing:.02em;}
  .bank-cell .v-plain{font:600 15px var(--font-sans);color:var(--ink);}
  .copy-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--green);font:700 12px var(--font-sans);cursor:pointer;flex:none;transition:all .15s var(--ease-out);}
  .copy-btn.copied{border-color:var(--green);background:var(--green);color:#fff;}
  .copy-btn .ic-check{display:none;}
  .copy-btn.copied .ic-copy{display:none;}
  .copy-btn.copied .ic-check{display:block;}
  .slip{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:var(--green-soft);border:1px solid var(--green-soft2);border-radius:18px;}
  .slip-ic{width:44px;height:44px;border-radius:12px;background:#1FA855;color:#fff;display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 6px 16px rgba(31,168,85,.28);}
  .slip-title{font:700 15.5px var(--font-sans);color:var(--ink);}
  .slip-desc{font:500 13.5px/1.5 var(--font-sans);color:var(--muted);margin-top:3px;}
  .slip-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:13px;}
  .wa-btn{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;background:#1FA855;border-radius:12px;text-decoration:none;color:#fff;font:700 14px var(--font-sans);white-space:nowrap;box-shadow:0 6px 16px rgba(31,168,85,.26);transition:all .2s var(--ease-out);}
  .wa-btn:hover{filter:brightness(.95);transform:translateY(-1px);}
  .wa-btn .num{font-family:var(--font-mono);font-weight:600;opacity:.92;}
  .mail-btn{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;background:var(--surface);border:1px solid var(--green-soft2);border-radius:12px;text-decoration:none;color:var(--green-dark);font:700 14px var(--font-sans);transition:all .2s var(--ease-out);}
  .mail-btn:hover{background:#fff;border-color:var(--green);}
  .mail-btn svg{color:var(--green);}

  /* Trust */
  .trust{padding:24px 20px 8px;}
  .trust-eyebrow{font:800 11px var(--font-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--green);text-align:center;margin-bottom:16px;}
  .trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;}
  .trust-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-sm);padding:22px;transition:all .2s var(--ease-out);}
  .trust-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);}
  .trust-ic{width:46px;height:46px;border-radius:14px;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
  .trust-t{font:700 15.5px var(--font-sans);color:var(--ink);letter-spacing:-.01em;}
  .trust-d{font:500 13px/1.45 var(--font-sans);color:var(--muted);margin-top:4px;}

  /* Footer */
  footer{background:var(--green-dark);color:#D7EEDF;margin-top:32px;}
  .foot-inner{padding:36px 20px 28px;}
  .foot-top{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;align-items:flex-start;}
  .foot-about{max-width:320px;}
  .foot-logo{height:54px;width:auto;margin-bottom:14px;opacity:.96;}
  .foot-about p{margin:0;font:500 13.5px/1.55 var(--font-sans);color:#A7D4BC;}
  .foot-cols{display:flex;flex-wrap:wrap;gap:36px;}
  .foot-h{font:800 11px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:#7FC9A2;margin-bottom:12px;}
  .foot-links{display:flex;flex-direction:column;gap:11px;}
  .foot-links a{display:flex;align-items:center;gap:10px;color:#EAF7F0;text-decoration:none;font:600 13.5px var(--font-sans);}
  .foot-links a svg{color:#7FC9A2;}
  .secured{display:flex;flex-wrap:wrap;gap:8px;max-width:200px;}
  .secured span{padding:6px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font:700 11.5px var(--font-sans);color:#EAF7F0;}
  .foot-div{height:1px;background:rgba(255,255,255,.14);margin:26px 0 16px;}
  .foot-bottom{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;font:500 12.5px var(--font-sans);color:#A7D4BC;}

  /* Toast & modal */
  .toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:70;display:flex;align-items:center;gap:10px;padding:13px 20px;border-radius:14px;background:var(--green-dark);color:#fff;box-shadow:var(--shadow-lg);max-width:90vw;animation:toastIn .3s var(--ease-out);}
  .toast.error{background:#B3261E;}
  .toast.info{background:#1F2D26;}
  .modal{position:fixed;inset:0;background:rgba(8,40,24,.45);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:60;padding:20px;}
  .modal-card{background:var(--surface);border-radius:24px;box-shadow:var(--shadow-lg);padding:32px;max-width:340px;width:100%;text-align:center;animation:fadeUp .3s var(--ease-out);}
  .spinner{width:54px;height:54px;margin:0 auto 16px;border-radius:50%;border:3px solid var(--green-soft2);border-top-color:var(--green);animation:spin .8s linear infinite;}
  .modal-card .mt{font:800 18px var(--font-sans);color:var(--ink);letter-spacing:-.01em;}
  .modal-card .md{font:500 13.5px/1.5 var(--font-sans);color:var(--muted);margin-top:6px;}
  [hidden]{display:none!important;}

  @media (max-width:680px){
    .card,.panel{padding:20px;}
    .card-grid{grid-template-columns:1fr;}
    .bank-grid{grid-template-columns:1fr;}
    .bank-cell.bl{border-right:none;}
    .tab-txt{display:none;}
    .tab{justify-content:center;}
  }