/* Halaman awam platform */
.nav-pautan{display:flex;align-items:center;gap:1rem}
.nav-pautan>a:not(.nav-pill){color:rgba(255,255,255,.8);font-size:.88rem;font-weight:600;text-decoration:none}
.nav-pautan>a:hover{color:#fff}
.nav-pill{text-decoration:none}
@media (max-width:480px){.nav-pautan>a:not(.nav-pill){display:none}.nav-pautan .nav-pill{display:inline-flex}}
.hero-kecil{margin-top:1rem;color:rgba(255,255,255,.7);font-size:.9rem}
.hero-copy h1,.hero-copy h2,.hero-copy h3{font:800 clamp(2.3rem,5vw,4.15rem)/1.03 var(--fon-hero);letter-spacing:-.045em;color:#fff;margin:.7rem 0 0;max-width:12ch}
.hero-copy h2{font-size:clamp(2rem,4vw,3.3rem)}.hero-copy h3{font-size:clamp(1.6rem,3vw,2.4rem)}
.hero-copy p,.hero-copy li{color:rgba(255,255,255,.82);font-size:1.03rem;line-height:1.7;max-width:39rem}
.hero-copy p{margin:1.25rem 0 0}.hero-copy ul,.hero-copy ol{margin:1.1rem 0 0;padding-left:1.35rem}
.hero-pendek .wrap{padding-top:2.5rem;padding-bottom:3rem}
.panel.kecil,.borang-daftar{max-width:640px;margin:0 auto}
.senarai-sek{display:grid;gap:.5rem;margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--border)}
.sek{display:flex;align-items:center;gap:.8rem;padding:.7rem .85rem;border:1.5px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text)}
.sek:hover{border-color:var(--brand);background:var(--brand-soft)}
.sek>span:nth-child(2){flex:1;min-width:0}
.sek b{display:block;font-size:.95rem;color:var(--ink)}.sek small{color:var(--muted);font-size:.8rem}
.sek-kod{font:700 .78rem ui-monospace,Menlo,Consolas,monospace;background:var(--ink);color:#fff;border-radius:7px;padding:.25rem .45rem}
.sek .i{color:var(--muted)}
.tengah{text-align:center;margin-top:2rem}
.row-2{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
@media (max-width:600px){.row-2{grid-template-columns:1fr}}
.sub{font-size:.95rem;margin:1.3rem 0 .7rem;color:var(--ink)}
.tip2{margin-top:1rem}
.form-actions{margin-top:1.2rem}
.borang-daftar .alert{margin-bottom:.6rem}
.borang-daftar .found{text-align:left}
.borang-daftar .found h2,.borang-daftar .found .tick{display:block}
/* Jarak antara kotak carian (hero) dan bahagian bawah */
.hero-grid{padding-bottom:4rem}
.hero + .seksyen{padding-top:3.5rem}
@media (max-width:900px){.hero-grid{padding-bottom:3rem}.hero + .seksyen{padding-top:2.75rem}}
.hero .panel{box-shadow:0 18px 50px rgba(0,0,0,.35)}
/* Terma & Syarat / Polisi Perkhidmatan */
.dokumen{max-width:780px}
.dokumen h1{font-size:clamp(1.7rem,3.5vw,2.3rem);margin:0 0 .3rem}
.dokumen h2{font-size:1.12rem;margin:1.8rem 0 .5rem}
.dokumen p,.dokumen li{color:var(--text);line-height:1.7}
.dokumen ul{padding-left:1.2rem;margin:.4rem 0 .8rem}
.dokumen li{margin:.3rem 0}
/* Footer platform (premium) */
.footer-pro{margin-top:4rem;background:linear-gradient(180deg,var(--ink) 0%,#08121F 100%);color:rgba(255,255,255,.72);font-size:.9rem;border-top:1px solid rgba(255,255,255,.06)}
.fp-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.25fr;gap:2.5rem;padding-top:3.25rem;padding-bottom:2.5rem}
.fp-jenama .nav-brand{margin-bottom:1rem}
.fp-jenama p{margin:0 0 1.1rem;max-width:22rem;line-height:1.65}
.fp-lencana{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.fp-lencana li{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;font-size:.76rem;font-weight:600;color:rgba(255,255,255,.85);background:rgba(255,255,255,.04)}
.fp-lencana .i{width:14px;height:14px;color:var(--brand-cerah)}
.fp-kol{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}
.fp-kol h3{margin:0 0 .35rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;font-weight:700}
.fp-kol a{color:rgba(255,255,255,.72);text-decoration:none;display:inline-flex;align-items:center;gap:.45rem;transition:color .15s}
.fp-kol a:hover{color:#fff}
.fp-kol a .i{width:16px;height:16px}
.fp-kol a.btn-platform{margin-top:.5rem;padding:.7rem 1.05rem;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:rgba(255,255,255,.06);color:#fff;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s}
.fp-kol a.btn-platform:hover,.fp-kol a.btn-platform:focus-visible{background:var(--brand);border-color:var(--brand)}
.fp-kol a.btn-platform .i{width:18px;height:18px}
.fp-bawah{border-top:1px solid rgba(255,255,255,.08)}
.fp-bawah-row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1.1rem;padding-bottom:1.1rem;font-size:.8rem;color:rgba(255,255,255,.5)}
@media (max-width:900px){.fp-grid{grid-template-columns:1fr 1fr}.fp-jenama{grid-column:1/-1}}
@media (max-width:560px){.fp-grid{grid-template-columns:1fr;gap:1.8rem;padding-top:2.5rem;padding-bottom:2rem}.fp-kol a.btn-platform{width:100%;justify-content:center}}
/* Ciri, pakej & keselamatan (halaman utama platform) */
.seksyen-sub{max-width:640px;margin:.6rem auto 0;color:var(--muted);font-size:1rem;line-height:1.6}
.ciri-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.pakej-grid{display:grid;grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;gap:1.5rem}
.pakej-grid.satu{grid-template-columns:minmax(0,440px)}
.pakej{position:relative;padding:1.9rem 1.7rem;display:flex;flex-direction:column}
.pakej.pro{border:2px solid var(--brand);box-shadow:0 12px 32px rgba(194,65,12,.12)}
.pakej h3{font-size:1.25rem;font-weight:800}
.pakej-lencana{position:absolute;top:-.8rem;left:1.7rem;background:var(--brand);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .7rem;border-radius:999px}
.pakej-harga{margin:.5rem 0 .2rem}.pakej-harga b{font-size:2.1rem;font-weight:800;letter-spacing:-.02em}.pakej-harga span{color:var(--muted);font-size:.9rem}
.pakej-ket{color:var(--muted);font-size:.92rem;margin-bottom:1rem}
.pakej-senarai{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:.6rem;flex:1;align-content:start}
.pakej-senarai li{display:grid;grid-template-columns:20px 1fr;gap:.55rem;font-size:.93rem;line-height:1.45}
.pakej-senarai .i{width:18px;height:18px;color:var(--ok,#15803D);margin-top:.1rem}
.pk-x{color:var(--muted);text-align:center}
.pakej .btn{justify-content:center}
.pakej-nota{color:var(--muted);font-size:.82rem;margin-top:.8rem;line-height:1.5}
@media (max-width:900px){.ciri-grid,.pakej-grid{grid-template-columns:minmax(0,1fr)}}
/* Halaman yang berakhir dengan seksyen gelap: footer terus bersambung (tiada jalur latar),
   dan pada halaman pendek footer ditolak ke bawah skrin supaya tiada ruang kosong di bawahnya. */
.awam-rapat{min-height:100vh;display:flex;flex-direction:column}
.awam-rapat>main{flex:1 0 auto;display:flex;flex-direction:column}
.awam-rapat>main>*{flex:1 0 auto}
.awam-rapat .footer-pro{margin-top:0;flex:none}