.portal .maklumat-section{padding:44px max(5%,calc((100vw - 1280px)/2));background:#f8fcfa}.maklumat-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);gap:56px;align-items:center;padding:38px;background:linear-gradient(135deg,#e9f7f1,#fff 65%,#fbfce9);border:1px solid #dcebe3;border-radius:22px;position:relative;overflow:hidden}.maklumat-copy h2{font:800 32px/1.4 Manrope;letter-spacing:-.8px;color:#16494b;margin:12px 0 16px}.maklumat-copy>p{font-size:13px;line-height:1.95;color:#6c868b;max-width:460px;margin-bottom:24px}.maklumat-values{display:grid;gap:14px;margin:0 0 25px}.maklumat-value{display:flex;gap:12px;align-items:start}.maklumat-value>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;flex-shrink:0;background:#fff;border:1px solid #d7e9df;color:#159389}.maklumat-value svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.7;fill:none}.maklumat-value b{font-size:12px;line-height:1.7;color:#3b6666}.maklumat-value p{font-size:11px;line-height:1.8;color:#7a9294;margin:2px 0 0}.maklumat-actions{display:flex;gap:10px;flex-wrap:wrap}.maklumat-actions button,.maklumat-actions a{font-size:11px;padding:12px 17px}.maklumat-note{display:block;font-size:10px;color:#89a29c;margin-top:16px}.maklumat-preview{background:white;border:1px solid #dbe9e0;border-radius:12px;padding:8px;box-shadow:0 14px 35px #22584c14;display:block;width:100%;position:relative;cursor:zoom-in}.maklumat-preview img{display:block;width:100%;height:auto;border-radius:7px}.maklumat-preview-label{position:absolute;right:18px;bottom:18px;background:#0d6460ed;color:white;padding:9px 12px;border-radius:7px;font-size:10px;box-shadow:0 3px 15px #214b3725}.maklumat-preview:hover{border-color:#55b6a0}.maklumat-preview:focus-visible{outline:3px solid #a8c640;outline-offset:5px}#modal.maklumat-modal{width:min(850px,94vw);max-width:94vw;max-height:90vh;padding:24px;overflow:auto;border-radius:15px}#modal.maklumat-modal #close{position:sticky;top:0;float:right;z-index:2;background:#edf7f3;border-radius:50%;color:#246a61;width:36px;height:36px}#modal.maklumat-modal h2{font-size:18px;padding-right:40px;line-height:1.6;margin:0 0 12px}.maklumat-full-image{display:block;width:100%;height:auto;margin:18px 0 12px}.maklumat-modal-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.maklumat-modal-actions a{font-size:12px}.maklumat-modal-hint{font-size:11px;color:#7d9990}.maklumat-modal::backdrop{background:#123d3a99;backdrop-filter:blur(3px)}
@media(max-width:1000px){.maklumat-card{gap:28px;padding:28px;grid-template-columns:minmax(0,1fr) minmax(240px,350px)}.maklumat-copy h2{font-size:27px}}
@media(max-width:700px){.portal .maklumat-section{padding:28px 5%}.maklumat-card{grid-template-columns:1fr;padding:24px;gap:26px;border-radius:16px}.maklumat-copy h2{font-size:25px}.maklumat-copy>p{font-size:12px}.maklumat-preview{max-width:430px;margin:auto}.maklumat-actions button,.maklumat-actions a{font-size:10px;padding:11px 14px}#modal.maklumat-modal{padding:16px}.maklumat-preview-label{bottom:13px;right:13px}}
.maklumat-preview-label{position:static;display:block;width:fit-content;margin:9px auto 2px;background:#eef8f4;color:#277e70;box-shadow:none;padding:7px 12px}