:root{--bg: #ffffff;--bg-soft: #f4f7fd;--surface: #ffffff;--surface-2: #fafbfd;--text: #0f172a;--text-strong: #334155;--text-muted: #475569;--text-soft: #64748b;--text-faint: #94a3b8;--border: #e8edf5;--border-soft: #eef2f8;--accent-soft: #eaf1ff;--nav-bg: rgba(255, 255, 255, .85);--warn-soft: #fffbf0;--ink: #0f172a;--ink-contrast: #ffffff;--brand: #1d4ed8;--brand-deep: #1e40af}[data-theme=dark]{--bg: #0b1220;--bg-soft: #0f1828;--surface: #131d31;--surface-2: #0f1828;--text: #e8eef7;--text-strong: #cfdaea;--text-muted: #aab8cd;--text-soft: #93a3bb;--text-faint: #7c8aa3;--border: #243149;--border-soft: #1b2740;--accent-soft: rgba(37, 99, 235, .18);--nav-bg: rgba(11, 18, 32, .82);--warn-soft: rgba(245, 158, 11, .12);--ink: #e8eef7;--ink-contrast: #0b1220}[data-theme=dark] nav img,[data-theme=dark] aside img,[data-theme=dark] footer img,[data-theme=dark] .logo-img{filter:brightness(0) invert(1);opacity:.9}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);scroll-padding-top:86px}body{font-family:Space Grotesk,system-ui,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5;transition:background .25s ease,color .25s ease}a{text-decoration:none;color:inherit}::selection{background:#bfdbfe;color:var(--text)}table{border-collapse:separate;border-spacing:0;width:100%}input,textarea,select{font-family:inherit;font-size:14px;color:var(--text);border:1px solid var(--border);border-radius:9px;padding:10px 13px;background:var(--surface);width:100%;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #1d4ed81f}textarea{resize:vertical;min-height:80px;line-height:1.55}a:focus-visible,button:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px;border:2px solid var(--bg-soft)}.theme-fab{position:fixed;right:18px;bottom:18px;z-index:9999;display:flex;gap:3px;background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:4px;box-shadow:0 10px 30px #0000002e}.container{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}.hover-brand:hover{color:var(--brand)}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-deep)}.lift:hover{border-color:#cdddff}.social-icon:hover{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}.uptime-bar:hover{opacity:.7}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.trust-strip{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}.trust-item{display:flex;align-items:baseline;gap:10px}.admin-overlay{display:none}@media(max-width:1024px){.grid-5{grid-template-columns:repeat(3,1fr)!important}.grid-4{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:900px){.nav-links,.nav-actions{display:none!important}.nav-toggle{display:inline-flex!important}.footer-grid,.grid-4,.grid-3,.grid-5,.grid-2{grid-template-columns:1fr 1fr!important}.hero-grid{grid-template-columns:1fr!important}.table-scroll table{min-width:680px}.trust-strip{display:grid!important;grid-template-columns:repeat(3,1fr);gap:20px 12px}.trust-item{flex-direction:column;align-items:center;text-align:center;gap:3px}.admin-sidebar{position:fixed!important;left:0;top:0;height:100vh!important;z-index:200;transform:translate(-100%);transition:transform .25s ease;box-shadow:0 20px 60px #00000040}.admin-sidebar.open{transform:translate(0)}.admin-overlay.open{display:block;position:fixed;inset:0;background:#0f172a73;z-index:150}.admin-menu-btn{display:inline-flex!important}}@media(max-width:560px){.footer-grid,.grid-4,.grid-3,.grid-5,.grid-2{grid-template-columns:1fr!important}.container{padding-left:16px;padding-right:16px}.admin-header{padding:0 16px!important}.admin-content{padding:18px 16px!important}.trust-strip{grid-template-columns:repeat(2,1fr)}.anti-inflasi{flex-direction:column;text-align:center}.anti-inflasi p{margin-left:auto;margin-right:auto}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floaty2{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes floaty3{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes drift{0%{transform:translate(0)}50%{transform:translate(46px)}to{transform:translate(0)}}@keyframes driftSlow{0%{transform:translate(0)}50%{transform:translate(-54px)}to{transform:translate(0)}}@keyframes ping{0%{transform:scale(.9);opacity:.55}70%,to{transform:scale(2);opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes flow{0%{background-position:0 0}to{background-position:32px 0}}@keyframes sheen{0%{transform:translate(-120%)}60%,to{transform:translate(320%)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}