@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";.navbar-wrapper[data-astro-cid-l7arcky5]{z-index:1000;width:100%;max-width:1320px;margin:0 auto;padding:0 24px;position:sticky;top:16px}.navbar[data-astro-cid-l7arcky5]{-webkit-backdrop-filter:blur(20px);background:#0c1222d9;border:1px solid #ffffff14;border-radius:20px;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;box-shadow:0 10px 30px -5px #0009}.nav-brand[data-astro-cid-l7arcky5]{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-badge[data-astro-cid-l7arcky5]{background:var(--gradient-gold-amber);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 0 15px #f59e0b66}.brand-icon[data-astro-cid-l7arcky5]{font-size:1.1rem}.brand-info[data-astro-cid-l7arcky5]{flex-direction:column;display:flex}.brand-title[data-astro-cid-l7arcky5]{letter-spacing:.04em;color:var(--text-main);font-size:1.02rem;font-weight:800;line-height:1.1}.brand-subtitle[data-astro-cid-l7arcky5]{color:var(--text-subtle);letter-spacing:.01em;font-size:.72rem}.nav-menu[data-astro-cid-l7arcky5]{align-items:center;gap:20px;list-style:none;display:flex}.nav-link[data-astro-cid-l7arcky5]{color:var(--text-muted);border-radius:var(--radius-sm);padding:6px 12px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-link[data-astro-cid-l7arcky5]:hover{color:var(--neon-gold);background:#ffffff0d}.nav-btn-studio[data-astro-cid-l7arcky5]{color:var(--neon-gold);border-radius:var(--radius-pill);background:#f59e0b1f;border:1px solid #f59e0b4d;align-items:center;gap:8px;padding:8px 14px;font-weight:600;display:inline-flex}.nav-btn-studio[data-astro-cid-l7arcky5]:hover{background:var(--gradient-gold-amber);color:#04121e;box-shadow:0 0 20px #f59e0b66}.pulse-dot[data-astro-cid-l7arcky5]{background-color:var(--neon-gold);width:6px;height:6px;box-shadow:0 0 8px var(--neon-gold);border-radius:50%;animation:1.5s ease-in-out infinite blinkDot}.nav-actions[data-astro-cid-l7arcky5]{align-items:center;gap:10px;display:flex}.mobile-toggle-btn[data-astro-cid-l7arcky5]{color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:none}.mobile-toggle-btn[data-astro-cid-l7arcky5]:hover{color:var(--neon-gold);background:#ffffff1f}.hidden-icon[data-astro-cid-l7arcky5]{display:none}.mobile-menu-drawer[data-astro-cid-l7arcky5]{backdrop-filter:blur(20px);background:#0c1222f2;border:1px solid #ffffff14;border-radius:16px;margin-top:10px;padding:16px;animation:.2s ease-out slideDown;display:none;box-shadow:0 10px 30px #000c}.mobile-menu-drawer[data-astro-cid-l7arcky5].open{display:block}.mobile-nav-list[data-astro-cid-l7arcky5]{flex-direction:column;gap:8px;list-style:none;display:flex}.mobile-nav-link[data-astro-cid-l7arcky5]{color:var(--text-muted);border-radius:var(--radius-sm);padding:10px 14px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.mobile-nav-link[data-astro-cid-l7arcky5]:hover{color:var(--neon-gold);background:#ffffff0d}.mobile-studio-link[data-astro-cid-l7arcky5]{color:var(--neon-gold);background:#f59e0b14;border:1px solid #f59e0b33;font-weight:600}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes blinkDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@media (width<=960px){.nav-menu[data-astro-cid-l7arcky5]{display:none}.mobile-toggle-btn[data-astro-cid-l7arcky5]{display:inline-flex}}@media (width<=600px){.brand-subtitle[data-astro-cid-l7arcky5]{display:none}.brand-title[data-astro-cid-l7arcky5]{font-size:.9rem}}.footer-wrapper[data-astro-cid-jo6i4kqk]{background:#04070e;border-top:1px solid #ffffff14;margin-top:80px;padding:60px 0 30px}.footer-grid[data-astro-cid-jo6i4kqk]{grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-brand[data-astro-cid-jo6i4kqk]{align-items:center;gap:12px;margin-bottom:14px;display:flex}.brand-badge-sm[data-astro-cid-jo6i4kqk]{background:var(--gradient-gold-amber);color:#04121e;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:900;display:flex}.brand-title-sm[data-astro-cid-jo6i4kqk]{letter-spacing:.04em;color:var(--text-main);font-size:.95rem;font-weight:800}.brand-sub-sm[data-astro-cid-jo6i4kqk]{color:var(--text-subtle);font-size:.75rem}.footer-desc[data-astro-cid-jo6i4kqk]{color:var(--text-subtle);max-width:440px;margin-bottom:16px;font-size:.85rem;line-height:1.6}.lecturer-tag[data-astro-cid-jo6i4kqk]{color:var(--neon-gold);border-radius:var(--radius-sm);background:#f59e0b14;border:1px solid #f59e0b33;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;display:inline-flex}.col-title[data-astro-cid-jo6i4kqk]{color:var(--text-main);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:.85rem;font-weight:700}.col-links[data-astro-cid-jo6i4kqk]{flex-direction:column;gap:10px;list-style:none;display:flex}.col-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk],.col-links[data-astro-cid-jo6i4kqk] span[data-astro-cid-jo6i4kqk]{color:var(--text-subtle);font-size:.85rem;text-decoration:none;transition:color .2s}.col-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:var(--neon-gold)}.footer-bottom[data-astro-cid-jo6i4kqk]{color:var(--text-dim);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:24px;font-size:.8rem;display:flex}.site-link[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:var(--neon-gold);font-weight:600;text-decoration:none}@media (width<=900px){.footer-grid[data-astro-cid-jo6i4kqk]{grid-template-columns:1fr;gap:30px}}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Plus Jakarta Sans", var(--font-sans);--font-mono:"Fira Code", "JetBrains Mono", monospace;--bg-app:#060913;--bg-surface:#0c1222;--bg-surface-raised:#121b33;--bg-surface-glass:#0c1222bf;--bg-card:#10182ca6;--bg-card-hover:#16213cd9;--border-subtle:#ffffff14;--border-gold-glow:#f59e0b4d;--border-cyan-glow:#06b6d44d;--border-emerald-glow:#10b9814d;--neon-gold:#f59e0b;--neon-cyan:#06b6d4;--neon-emerald:#10b981;--neon-blue:#3b82f6;--neon-violet:#8b5cf6;--neon-rose:#f43f5e;--gradient-gold-amber:linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%);--gradient-cyan-blue:linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--gradient-emerald-cyan:linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--gradient-violet-pink:linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--gradient-card:linear-gradient(180deg, #ffffff08 0%, #fff0 100%);--text-main:#f8fafc;--text-muted:#cbd5e1;--text-subtle:#94a3b8;--text-dim:#64748b;--glow-gold:0 0 25px #f59e0b40;--glow-cyan:0 0 25px #06b6d440;--shadow-card:0 10px 30px -10px #0009;--shadow-card-hover:0 20px 40px -15px #000c, 0 0 30px #f59e0b26;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:26px;--radius-pill:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-image:radial-gradient(at 0 0,#f59e0b14 0,#0000 50%),radial-gradient(at 100% 0,#06b6d414 0,#0000 50%),radial-gradient(at 50% 100%,#3b82f60d 0,#0000 50%);background-attachment:fixed;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.container{width:100%;max-width:1320px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.glass-panel{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-main);letter-spacing:-.02em;font-weight:700}.gradient-text{background:var(--gradient-gold-amber);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.gradient-text-cyan{background:var(--gradient-cyan-blue);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.gradient-text-emerald{background:var(--gradient-emerald-cyan);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:12px 22px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:var(--gradient-gold-amber);color:#04121e;font-weight:700;box-shadow:0 4px 15px #f59e0b4d}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b73}.btn-outline{color:var(--text-main);border:1px solid var(--border-subtle);backdrop-filter:blur(8px);background:#ffffff0a}.btn-outline:hover{border-color:var(--neon-gold);color:var(--neon-gold);background:#ffffff14;transform:translateY(-2px)}.btn-cyan{background:var(--gradient-cyan-blue);color:#04121e;font-weight:700;box-shadow:0 4px 15px #06b6d44d}.btn-cyan:hover{transform:translateY(-2px);box-shadow:0 8px 25px #06b6d473}.btn-sm{border-radius:var(--radius-sm);padding:8px 14px;font-size:.82rem}.pill-badge{border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase;color:var(--neon-gold);background:#f59e0b1f;border:1px solid #f59e0b40;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.pill-badge-cyan{color:var(--neon-cyan);background:#06b6d41f;border:1px solid #06b6d440}.pill-badge-emerald{color:var(--neon-emerald);background:#10b9811f;border:1px solid #10b98140}.pill-badge-violet{color:var(--neon-violet);background:#8b5cf61f;border:1px solid #8b5cf640}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.card:before{content:"";background:var(--gradient-card);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{background:var(--bg-card-hover);border-color:var(--border-gold-glow);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.cat-fondasi{--cat-color:var(--neon-cyan);--cat-bg:#06b6d41a;--cat-border:#06b6d44d}.cat-transmisi{--cat-color:var(--neon-gold);--cat-bg:#f59e0b1a;--cat-border:#f59e0b4d}.cat-operasi{--cat-color:var(--neon-emerald);--cat-bg:#10b9811a;--cat-border:#10b9814d}.cat-proteksi{--cat-color:var(--neon-rose);--cat-bg:#f43f5e1a;--cat-border:#f43f5e4d}.cat-smartgrid{--cat-color:var(--neon-violet);--cat-bg:#8b5cf61a;--cat-border:#8b5cf64d}pre,code{font-family:var(--font-mono)}.code-block{border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:#38bdf8;background:#090d16;padding:16px;font-size:.85rem;line-height:1.6;overflow-x:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#060913}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}@media (width<=768px){.container{padding-left:16px;padding-right:16px}}.page-content-wrapper[data-astro-cid-ju4pidww]{flex:1;width:100%}