:root{--emerald: #0d6e4f;--emerald-light: #15a572;--emerald-dark: #084d38;--emerald-muted: #e6f4ef;--gold: #c9922a;--gold-light: #e8b84b;--gold-muted: #fdf3e0;--ink: #1a1a2e;--ink-soft: #3d4460;--ink-muted: #6b7094;--border: #e4e7f0;--card: #ffffff}:root{--blue: #2563eb;--blue-muted: #eff6ff;--surface: #f7f8fc}.hero{background:linear-gradient(135deg,var(--emerald-dark) 0%,#1a5c82 100%);padding:48px 24px 56px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-80px;right:-80px;width:280px;height:280px;border-radius:50%;background:#2563eb1f;pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:5px 14px;font-size:12px;font-weight:600;color:#ffffffd9;letter-spacing:.5px;margin-bottom:14px;position:relative;z-index:1}.commit-banner{background:linear-gradient(135deg,var(--blue-muted),#e0ecff);border:1.5px solid rgba(37,99,235,.2);border-radius:14px;padding:16px 20px;display:flex;align-items:flex-start;gap:12px;margin-bottom:32px}.commit-icon{font-size:22px;flex-shrink:0;margin-top:1px}.commit-text{font-size:13.5px;font-weight:600;color:#1e40af;line-height:1.55}.toc-num{width:22px;height:22px;border-radius:6px;background:var(--blue-muted);color:var(--blue);font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.section-num{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--blue-muted),#dbeafe);color:var(--blue);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sub-label{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-muted);margin:14px 0 6px}.section-body ul{list-style:none;display:flex;flex-direction:column;gap:7px;margin:6px 0 14px}.section-body ul li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);flex-shrink:0;margin-top:8px;opacity:.6}.callout-blue{background:var(--blue-muted);color:#1e40af;border:1px solid rgba(37,99,235,.2)}.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.data-block{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.data-block-title{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--blue);margin-bottom:8px}.data-block ul{margin:0;gap:5px}.data-block ul li{font-size:12.5px}.rights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}.right-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;align-items:flex-start;gap:10px}.right-icon{width:32px;height:32px;border-radius:8px;background:var(--emerald-muted);color:var(--emerald);font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.right-label{font-size:13px;font-weight:600;color:var(--ink);line-height:1.3}.right-desc{font-size:11.5px;color:var(--ink-muted);margin-top:2px;line-height:1.4}.security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}.security-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--emerald-muted);border:1px solid rgba(13,110,79,.15);border-radius:10px}.security-icon{font-size:18px;flex-shrink:0}.security-label{font-size:12.5px;font-weight:600;color:var(--emerald);line-height:1.3}@media(max-width:640px){.hero-title{font-size:22px}.toc-list{grid-template-columns:1fr}.section-card{padding:20px 18px}.page-wrap{padding:24px 16px 56px}.data-grid,.rights-grid,.security-grid{grid-template-columns:1fr}#btn-top{bottom:20px;right:16px}}:root{--emerald: #0d6e4f;--emerald-light: #15a572;--emerald-dark: #084d38;--emerald-muted: #e6f4ef;--gold: #c9922a;--gold-light: #e8b84b;--gold-muted: #fdf3e0;--ink: #1a1a2e;--ink-soft: #3d4460;--ink-muted: #6b7094;--surface: #f7f8fc;--card: #ffffff;--border: #e4e7f0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,sans-serif;background:var(--surface);color:var(--ink);min-height:100vh;line-height:1.7}.topnav{background:var(--emerald-dark);padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:0 2px 12px #084d3859}.topnav-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.topnav-logo{width:34px;height:34px;border-radius:9px;object-fit:contain}.topnav-name{font-family:Amiri,serif;font-size:20px;font-weight:700;color:#fff;line-height:1}.topnav-back{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#ffffffa6;text-decoration:none;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);transition:all .2s}.topnav-back:hover{background:#ffffff14;color:#fff}.hero{background:linear-gradient(135deg,var(--emerald-dark) 0%,var(--emerald) 100%);padding:48px 24px 56px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-80px;right:-80px;width:280px;height:280px;border-radius:50%;background:#c9922a1a;pointer-events:none}.hero:after{content:"";position:absolute;bottom:-100px;left:-60px;width:300px;height:300px;border-radius:50%;background:#c9922a12;pointer-events:none}.hero-ornament{font-family:Amiri,serif;font-size:15px;color:var(--gold-light);letter-spacing:3px;margin-bottom:12px;opacity:.85}.hero-title{font-size:30px;font-weight:700;color:#fff;margin-bottom:10px;position:relative;z-index:1}.hero-sub{font-size:14px;color:#ffffffa6;position:relative;z-index:1}.warn-banner{background:linear-gradient(135deg,#fdf3e0,#fef9ee);border:1.5px solid rgba(201,146,42,.35);border-radius:14px;padding:16px 20px;display:flex;align-items:flex-start;gap:12px;margin-bottom:32px}.warn-icon{font-size:22px;flex-shrink:0;margin-top:1px}.warn-text{font-size:13.5px;font-weight:600;color:#92400e;line-height:1.55}.pengaduan-cta{background:linear-gradient(135deg,var(--emerald-dark),var(--emerald));border-radius:14px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px;flex-wrap:wrap}.pengaduan-cta-text{color:#fff}.pengaduan-cta-text strong{display:block;font-size:14px;margin-bottom:3px}.pengaduan-cta-text span{font-size:12.5px;color:#ffffffb3}.pengaduan-cta-btn{display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--emerald-dark);font-size:12.5px;font-weight:700;padding:9px 18px;border-radius:9px;text-decoration:none;white-space:nowrap;transition:all .2s;flex-shrink:0}.pengaduan-cta-btn:hover{background:var(--emerald-muted)}.page-wrap{max-width:780px;margin:0 auto;padding:40px 24px 64px}.toc-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px 24px;margin-bottom:32px;box-shadow:0 2px 12px #0d6e4f0f}.toc-title{font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-muted);margin-bottom:12px}.toc-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.toc-list li a{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--ink-soft);text-decoration:none;padding:4px 0;transition:color .2s}.toc-list li a:hover{color:var(--emerald)}.toc-num{width:22px;height:22px;border-radius:6px;background:var(--emerald-muted);color:var(--emerald);font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.section-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px 28px 24px;margin-bottom:20px;box-shadow:0 2px 12px #0d6e4f0f;scroll-margin-top:80px}.section-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border)}.section-num{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--emerald-muted),#d0ece3);color:var(--emerald);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-title{font-size:16px;font-weight:700;color:var(--ink);line-height:1.3;padding-top:7px}.section-body{font-size:13.5px;color:var(--ink-soft);line-height:1.75}.section-body p{margin-bottom:12px}.section-body p:last-child{margin-bottom:0}.section-body ul{list-style:none;display:flex;flex-direction:column;gap:7px;margin:10px 0 14px}.section-body ul li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--ink-soft)}.section-body ul li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--emerald-light);flex-shrink:0;margin-top:8px}.sub-label{font-size:11.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--emerald);margin:14px 0 5px;display:block}.callout{border-radius:10px;padding:12px 16px;font-size:13px;font-weight:600;display:flex;align-items:flex-start;gap:10px;margin-top:14px}.callout-green{background:var(--emerald-muted);color:var(--emerald);border:1px solid rgba(13,110,79,.18)}.callout-red{background:#fef2f2;color:#b91c1c;border:1px solid rgba(185,28,28,.15)}.callout-gold{background:var(--gold-muted);color:#92400e;border:1px solid rgba(201,146,42,.25)}.callout-blue{background:#eff6ff;color:#1e40af;border:1px solid rgba(37,99,235,.2)}.callout-icon{font-size:16px;flex-shrink:0;margin-top:1px}.callout-text{font-weight:600;line-height:1.5}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.detail-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 14px}.detail-item-label{font-size:11px;font-weight:700;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px}.detail-item-val{font-size:13px;font-weight:600;color:var(--ink)}.page-footer{margin-top:40px;padding:24px;background:var(--card);border:1px solid var(--border);border-radius:16px;text-align:center}.page-footer .footer-brand{font-family:Amiri,serif;font-size:20px;font-weight:700;color:var(--emerald-dark);margin-bottom:6px}.page-footer .footer-meta{font-size:12px;color:var(--ink-muted);margin-bottom:14px}.footer-links{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.footer-links a{font-size:12.5px;font-weight:600;color:var(--emerald);text-decoration:none;transition:opacity .2s}.footer-links a:hover{opacity:.7}.footer-dot{width:4px;height:4px;border-radius:50%;background:var(--border)}#btn-top{position:fixed;bottom:28px;right:28px;width:42px;height:42px;border-radius:50%;background:var(--emerald);color:#fff;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0d6e4f59;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s;z-index:99}#btn-top.visible{opacity:1;transform:translateY(0)}#btn-top:hover{background:var(--emerald-light)}@media(max-width:640px){.hero-title{font-size:22px}.toc-list{grid-template-columns:1fr}.section-card{padding:20px 18px}.page-wrap{padding:24px 16px 56px}.detail-grid{grid-template-columns:1fr}#btn-top{bottom:20px;right:16px}.pengaduan-cta{flex-direction:column}}