#navbar{position:fixed;top:0;left:0;width:100%;height:75px;background:#faf8f2f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(20,36,44,.08);display:flex;align-items:center;justify-content:space-between;padding:0 4rem;z-index:1000;transition:all var(--transition-smooth)}.navbar_logo{font-family:var(--font-heading);font-size:1.6rem;font-weight:900;color:var(--color-slate-dark);text-decoration:none;letter-spacing:-.03em;display:flex;align-items:center;gap:.5rem}.navbar_logo span.logo-dot{color:var(--accent-terracotta)}.navbar_center_links{display:flex;align-items:center;list-style:none;background:#fff;border:1px solid rgba(20,36,44,.08);border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 4px 12px #00000008}.navbar_center_links li{font-family:var(--font-heading);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-slate-dark);cursor:pointer;padding:.65rem 1.4rem;border-right:1px solid rgba(20,36,44,.08);transition:all var(--transition-fast)}.navbar_center_links li:last-child{border-right:none}.navbar_center_links li:hover,.navbar_center_links li.active{background:var(--bg-ivory);color:var(--accent-terracotta)}.navbar_right_action{display:flex;align-items:center;gap:.75rem}.btn-navbar-github{width:38px;height:38px;border-radius:var(--radius-sm);background:#fff;border:1.5px solid rgba(20,36,44,.15);color:var(--color-slate-dark);display:flex;align-items:center;justify-content:center;font-size:1.2rem;text-decoration:none;box-shadow:0 2px 6px #0000000a;transition:all var(--transition-fast)}.btn-navbar-github:hover{background:var(--color-slate-dark);color:#fff;border-color:var(--color-slate-dark);transform:translateY(-1px);box-shadow:0 4px 12px #14242c33}.btn-navbar-action{background:var(--accent-terracotta);color:#fff;font-family:var(--font-heading);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.7rem 1.4rem;border-radius:var(--radius-sm);text-decoration:none;border:none;cursor:pointer;box-shadow:0 4px 12px #e0563840;transition:all var(--transition-fast)}.btn-navbar-action:hover{background:var(--accent-terracotta-hover);transform:translateY(-1px);box-shadow:0 6px 16px #e0563859}.mobile_toggle{display:none;background:transparent;border:none;color:var(--color-slate-dark);font-size:1.5rem;cursor:pointer}@media (max-width: 900px){#navbar{padding:0 1.5rem;height:70px}.navbar_center_links{display:none}.mobile_toggle{display:block}}:root{--font-heading: "Outfit", sans-serif;--font-main: "Plus Jakarta Sans", sans-serif;--font-code: "Fira Code", monospace;--bg-ivory: #faf8f2;--bg-card-white: #ffffff;--color-slate-dark: #14242c;--color-slate-muted: #4a5d68;--color-slate-light: #8fa0a8;--accent-terracotta: #e05638;--accent-terracotta-hover: #c84427;--accent-teal-dark: #1b4332;--accent-teal-mid: #2a7b72;--accent-teal-light: #6ee7b7;--accent-gold: #f59e0b;--accent-gold-light: #fef3c7;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--shadow-soft: 0 12px 35px rgba(20, 36, 44, .06);--shadow-hover: 0 20px 45px rgba(20, 36, 44, .12);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .35s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-ivory);color:var(--color-slate-dark);line-height:1.6;overflow-x:hidden;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-ivory)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-terracotta)}#app_wrapper{min-height:100vh;width:100%;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-slate-dark)}.section-title-binjan{font-family:var(--font-heading);font-size:2.75rem;font-weight:800;color:var(--color-slate-dark);margin-bottom:.4rem}.section-sub-binjan{font-size:1.05rem;color:var(--color-slate-muted);margin-bottom:2.5rem}.terracotta-text{color:var(--accent-terracotta);font-weight:700;text-decoration:none}.pill-outline-nav{border:1.5px solid var(--color-slate-dark);padding:.35rem 1rem;border-radius:var(--radius-full);font-weight:700;color:var(--color-slate-dark)}.btn-terracotta{background:var(--accent-terracotta);color:#fff;padding:.8rem 1.75rem;border-radius:var(--radius-full);font-weight:700;font-size:.95rem;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;border:none;cursor:pointer;box-shadow:0 8px 20px #e0563840;transition:all var(--transition-fast)}.btn-terracotta:hover{background:var(--accent-terracotta-hover);transform:translateY(-2px);box-shadow:0 12px 25px #e0563859}