/* Halaman publik SMOA (beranda, kebijakan privasi, ketentuan) – ringan, tanpa Filament. */
:root { --hijau: #1b6a45; --hutan: #0f2e22; --emas: #d9a23b; --tinta: #172620; --redup: #586a60; --latar: #f6f9f6; --kartu: #fff; --garis: #dfe7e1; }
@media (prefers-color-scheme: dark) { :root { --tinta: #eef3ef; --redup: #9aa9a0; --latar: #0b140f; --kartu: #13221b; --garis: #26352d; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--latar); color: var(--tinta); font: 16px/1.65 "Plus Jakarta Sans", "Segoe UI", Arial, sans-serif; }
a { color: var(--hijau); } @media (prefers-color-scheme: dark) { a { color: #7cc7a0; } }
.pb-atas { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 20px; background: var(--hutan); }
.pb-atas nav { display: flex; align-items: center; gap: 16px; }
.pb-atas nav a { color: rgb(255 255 255 / .82); text-decoration: none; font-weight: 600; font-size: 14px; }
.pb-atas nav a:hover { color: #fff; }
.pb-atas .pb-masuk { padding: 8px 16px; border-radius: 10px; background: var(--emas); color: #1a1205; }
.pb-merek img { display: block; height: 40px; width: auto; }
.pb-isi { max-width: 860px; margin: 0 auto; padding: 32px 20px 48px; display: grid; gap: 22px; }
.pb-hero { text-align: center; padding: 28px 8px 8px; }
.pb-lambang { border-radius: 21px; box-shadow: 0 12px 30px rgb(15 46 34 / .25); }
.pb-hero h1 { margin: 14px 0 0; font-size: 44px; line-height: 1.1; letter-spacing: -.02em; }
.pb-sub { margin: 4px 0 16px; font-weight: 700; color: var(--hijau); }
.pb-tombol { display: inline-block; margin-top: 6px; padding: 12px 24px; border-radius: 12px; background: var(--hijau); color: #fff !important; font-weight: 700; text-decoration: none; }
.pb-kotak { background: var(--kartu); border: 1px solid var(--garis); border-radius: 20px; padding: 24px; }
.pb-kotak h1 { margin: 0 0 4px; font-size: 30px; line-height: 1.2; }
.pb-kotak h2 { margin: 22px 0 6px; font-size: 18px; }
.pb-kotak h2:first-child { margin-top: 0; }
.pb-meta { margin: 0 0 16px; color: var(--redup); font-size: 14px; }
.pb-kotak code { font-size: 14px; background: var(--latar); padding: 1px 6px; border-radius: 6px; }
.pb-kotak hr { border: 0; border-top: 1px solid var(--garis); margin: 26px 0 0; }
.pb-bawah { padding: 24px 20px 36px; text-align: center; color: var(--redup); font-size: 13.5px; }
.pb-bawah p { margin: 4px 0; }
@media (max-width: 560px) { .pb-atas nav a:not(.pb-masuk) { display: none; } .pb-hero h1 { font-size: 34px; } .pb-kotak { padding: 18px; } }