.bank-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.bank-entry{display:block;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s}.bank-entry:hover{transform:translateY(-4px);box-shadow:0 15px 35px #071c3c16}.bank-entry-art{height:230px;position:relative;overflow:hidden;isolation:isolate;background:#e7eefc}.bank-entry-art:before,.bank-entry-art:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:-1}.bank-entry-art:before{width:270px;height:270px;right:-70px;top:-105px;border:1px solid #ffffff42}.bank-entry-art:after{width:200px;height:200px;left:-80px;bottom:-100px;background:#ffffff13}.bank-entry-wordmark{position:absolute;left:22px;top:18px;color:#fff;font-size:17px;font-weight:800;letter-spacing:-.035em}.bank-entry-art img{position:absolute;width:57%;height:130px;object-fit:contain;filter:drop-shadow(0 14px 12px #0004);transition:transform .25s}.bank-entry-art .card-back{left:6%;top:53px;transform:rotate(-13deg)}.bank-entry-art .card-front{left:36%;top:69px;transform:rotate(9deg)}.bank-entry:hover .card-front{transform:rotate(4deg) translateY(-5px)}.entry-count{position:absolute;bottom:17px;left:20px;padding:5px 11px;font-size:10px;font-weight:600;border-radius:30px;background:#ffffffea;color:#112248;backdrop-filter:blur(8px)}.bank-entry-cimb .bank-entry-art{background:radial-gradient(ellipse at 80% 100%,#ef5360,transparent 60%),linear-gradient(125deg,#73152d,#b91f3c 65%,#d83146)}.bank-entry-maybank .bank-entry-art{background:radial-gradient(ellipse at 80% 10%,#ffe99d,transparent 60%),linear-gradient(120deg,#e4b21e,#ffce21)}.bank-entry-maybank .bank-entry-wordmark{color:#20201d}.bank-entry-basic .bank-entry-art{background:radial-gradient(ellipse at 60% 100%,#4168de,transparent 65%),linear-gradient(135deg,#12274f,#203d80)}.bank-entry-basic .bank-entry-wordmark{font-size:13px;letter-spacing:.06em;color:#dae7ff}.bank-entry-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 22px}.bank-entry-copy h3{font-size:18px;line-height:1.4;margin:0 0 4px}.bank-entry-copy p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.entry-arrow{display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--blue);border-radius:50%;height:35px;width:35px;flex:none;font-size:18px}html[data-theme=dark] .bank-entry{border-color:#314469}html[data-theme=dark] .bank-entry-art{filter:saturate(.9)}#malaysia-library>.section-heading p{max-width:650px}@media(max-width:1000px){.bank-entry-grid{gap:14px}.bank-entry-art{height:205px}.bank-entry-wordmark{left:17px;top:16px;font-size:16px}.bank-entry-art img{height:105px}.bank-entry-art .card-back{top:53px}.bank-entry-art .card-front{top:65px}.entry-count{left:15px;bottom:15px;font-size:8px;padding:5px 9px}.bank-entry-copy{padding:17px}.bank-entry-copy h3{font-size:16px}.bank-entry-copy p{font-size:10px}.entry-arrow{height:29px;width:29px;font-size:16px}}@media(max-width:700px){.bank-entry-grid{grid-template-columns:1fr;gap:17px}.bank-entry-art{height:210px}.bank-entry-art img{height:125px;width:54%;max-width:220px}.bank-entry-art .card-back{left:9%;top:43px}.bank-entry-art .card-front{left:37%;top:57px}.bank-entry-wordmark{font-size:18px;left:21px}.entry-count{font-size:10px;left:21px}.bank-entry-copy{padding:18px 21px}.bank-entry-copy h3{font-size:19px}.bank-entry-copy p{font-size:11px}.entry-arrow{height:34px;width:34px}#malaysia-library>.section-heading .text-button{display:inline-block;margin-top:10px}}@media(prefers-reduced-motion:reduce){.bank-entry,.bank-entry-art img{transition:none}.bank-entry:hover,.bank-entry:hover .card-front{transform:none}}

.bank-entry-aeon .bank-entry-art{background:radial-gradient(ellipse at 80% 90%,#dc76bc,transparent 65%),linear-gradient(125deg,#501155,#a72289)}.bank-entry-alrajhi .bank-entry-art{background:radial-gradient(ellipse at 70% 100%,#8f7bec,transparent 65%),linear-gradient(125deg,#171654,#5441b0)}.bank-entry-aeon .bank-entry-art img,.bank-entry-alrajhi .bank-entry-art img{height:150px;width:43%;top:49px}.bank-entry-aeon .bank-entry-art .card-back,.bank-entry-alrajhi .bank-entry-art .card-back{left:11%}.bank-entry-aeon .bank-entry-art .card-front,.bank-entry-alrajhi .bank-entry-art .card-front{left:49%;top:57px}@media(max-width:700px){.bank-entry-aeon .bank-entry-art img,.bank-entry-alrajhi .bank-entry-art img{height:135px;top:44px}}

.bank-entry-uob .bank-entry-art{background:radial-gradient(ellipse at 85% 100%,#2268a4,transparent 65%),linear-gradient(125deg,#031e42,#073d70)}.bank-entry-uob .bank-entry-wordmark{border-left:4px solid #ef1543;padding-left:10px;letter-spacing:.02em}

.bank-entry-rhb .bank-entry-art{background:radial-gradient(ellipse at 85% 100%,#239fc5,transparent 65%),linear-gradient(125deg,#003448,#076b8b)}.bank-entry-rhb .bank-entry-wordmark{border-left:4px solid #ef374a;padding-left:10px;letter-spacing:.02em}
.bank-entry-affin .bank-entry-art{background:radial-gradient(ellipse at 85% 100%,#73c4d8,transparent 65%),linear-gradient(125deg,#00466f,#2a89b0)}
.bank-entry-alliance .bank-entry-art{background:radial-gradient(ellipse at 85% 100%,#6f93c8,transparent 65%),linear-gradient(125deg,#0c2d53,#435c87)}

/* AmBank, Bank Rakyat and Bank Muamalat */
.bank-entry-ambank .bank-entry-art{background:radial-gradient(ellipse at 85% 100%,#ffffff22,transparent 65%),linear-gradient(125deg,#5b1532,#bb253e)}
.bank-entry-rakyat .bank-entry-art{background:radial-gradient(ellipse at 85% 100%,#ffffff22,transparent 65%),linear-gradient(125deg,#07466e,#008ca8)}
.bank-entry-muamalat .bank-entry-art{background:radial-gradient(ellipse at 85% 100%,#ffffff22,transparent 65%),linear-gradient(125deg,#102f62,#2869a0)}

/* HSBC, OCBC and Hong Leong */
.bank-entry-hsbc .bank-entry-art{background:radial-gradient(ellipse at 85% 100%,#ffffff22,transparent 65%),linear-gradient(125deg,#661c33,#c22a43)}
.bank-entry-ocbc .bank-entry-art{background:radial-gradient(ellipse at 85% 100%,#ffffff22,transparent 65%),linear-gradient(125deg,#77202b,#c73542)}
.bank-entry-hlb .bank-entry-art{background:radial-gradient(ellipse at 85% 100%,#ffffff22,transparent 65%),linear-gradient(125deg,#102d65,#1d5db0)}

/* Public Bank and BSN */
.bank-entry-public-bank .bank-entry-art{background:radial-gradient(ellipse at 85% 100%,#ffffff22,transparent 65%),linear-gradient(125deg,#681d32,#b22442)}
.bank-entry-bsn .bank-entry-art{background:radial-gradient(ellipse at 85% 100%,#ffffff22,transparent 65%),linear-gradient(125deg,#006775,#049bab)}

/* ICBC Malaysia and AmBank brand colours */
.bank-entry-icbc .bank-entry-art{background:radial-gradient(ellipse at 85% 100%,#ffffff22,transparent 65%),linear-gradient(125deg,#670d1e,#d71532)}
.bank-entry-ambank .bank-entry-art{background:radial-gradient(ellipse at 100% 100%,#ffb42955,transparent 62%),linear-gradient(125deg,#ac0011,#e60019 60%,#f51b24)}

/* Match the distinct issuer directory scenes. */
.bank-entry-public-bank .bank-entry-art{background:radial-gradient(ellipse at 100% 100%,#f5b46b35,transparent 62%),linear-gradient(125deg,#570b21,#a31632 55%,#d13c3c)}
.bank-entry-hsbc .bank-entry-art{background:radial-gradient(ellipse at 100% 95%,#db001133,transparent 58%),linear-gradient(125deg,#f2f4f6,#d9dfe5 55%,#aab7c5)}
.bank-entry-ocbc .bank-entry-art{background:radial-gradient(ellipse at 100% 100%,#ffca7040,transparent 62%),linear-gradient(125deg,#9b2414,#d83b16 52%,#f48636)}

/* Keep homepage entry art aligned with the bank directory and issuer hero. */
.bank-entry-uob .bank-entry-art{background:radial-gradient(ellipse at 100% 0%,#bd233d55,transparent 42%),linear-gradient(130deg,#041b44 10%,#064d9a 75%,#0873be)}
.bank-entry-alliance .bank-entry-art{background:radial-gradient(ellipse at 100% 0%,#c6354938,transparent 48%),linear-gradient(125deg,#f6f7f9,#c6d6e5)}
.bank-entry-affin .bank-entry-art{background:radial-gradient(ellipse at 0% 0%,#ffffffc0,transparent 65%),linear-gradient(130deg,#dcecf7,#8bb8d1)}
.bank-entry-rhb .bank-entry-art{background:radial-gradient(ellipse at 100% 0%,#d9475540,transparent 35%),linear-gradient(130deg,#07395b,#00778d)}
.bank-entry-muamalat .bank-entry-art{background:radial-gradient(ellipse at 95% 100%,#cc7c25,transparent 75%),linear-gradient(125deg,#132c53,#9b4b1b)}
.bank-entry-hlb .bank-entry-art{background:radial-gradient(ellipse at 100% 0%,#be293dc9,transparent 62%),linear-gradient(135deg,#071b3d,#143c70)}

.bank-entry-icbc .bank-entry-art{background:radial-gradient(ellipse at 100% 0%,#d2142599,transparent 65%),linear-gradient(135deg,#191d24,#4d2028)}