:root{--spice-red:#a63d2f;--saffron-gold:#d4a017;--cobalt-blue:#1e4d7b;--emerald-green:#1f6b4a;--sandy-beige:#e8d5a8;--salt-white:#f5efe3;--stone-taupe:#9a8b72;--terracotta-blush:#c66a3a;--rust-ochre:#b54a2a;--dusty-rose:#c48a7e;--indigo-night:#1a1f3a;--burnt-plum:#5c2d4a;--bg:var(--salt-white);--bg-deep:var(--indigo-night);--bg-warm:var(--sandy-beige);--text:var(--indigo-night);--text-on-dark:var(--salt-white);--accent:var(--spice-red);--accent-2:var(--saffron-gold);--accent-3:var(--cobalt-blue);--accent-4:var(--emerald-green);--muted:var(--stone-taupe);--border:color-mix(in srgb, var(--stone-taupe) 45%, transparent);--font-display:"Fraunces", "Palatino Linotype", serif;--font-pixel:"Press Start 2P", monospace;--font-body:"Source Serif 4", "Georgia", serif;--space-xs:.35rem;--space-sm:.75rem;--space-md:1.25rem;--space-lg:2rem;--space-xl:3.5rem;--space-2xl:5.5rem;--radius-sm:4px;--radius-md:10px;--shadow-soft:0 12px 40px color-mix(in srgb, var(--indigo-night) 18%, transparent);--bgm-volume:.35;--sfx-volume:.45;--header-h:3.5rem;--max-w:72rem}*,:before,:after{box-sizing:border-box}html{background:var(--salt-white)}html:not(.ready) body{opacity:0}html.ready body{opacity:1;transition:opacity .2s}html.page-leaving body{opacity:0;pointer-events:none;transition:opacity .15s}body{min-height:100dvh;font-family:var(--font-body);color:var(--text);background:radial-gradient(ellipse 120% 80% at 50% -10%, color-mix(in srgb, var(--saffron-gold) 18%, transparent), transparent 55%), radial-gradient(ellipse 90% 60% at 100% 100%, color-mix(in srgb, var(--spice-red) 10%, transparent), transparent 50%), linear-gradient(180deg, var(--salt-white), var(--sandy-beige) 120%);background-attachment:fixed;margin:0;font-size:1.05rem;line-height:1.65}img{max-width:100%;height:auto;display:block}.hero__char,.scatter-letter{opacity:0}.app-ready .hero__char{opacity:1;transition:opacity .35s}.app-ready .scatter-letter{opacity:.9}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}.site-header{z-index:40;justify-content:space-between;align-items:center;gap:var(--space-md);min-height:var(--header-h);padding:var(--space-sm) var(--space-md);background:color-mix(in srgb, var(--salt-white) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.brand-mark{font-family:var(--font-display);letter-spacing:.02em;color:var(--spice-red);font-size:1.35rem;font-weight:700}.brand-mark span.ar{color:var(--cobalt-blue)}.nav-links{gap:var(--space-sm);font-family:var(--font-pixel);flex-wrap:wrap;font-size:.45rem;line-height:1.4;display:flex}.nav-links a{border-radius:var(--radius-sm);color:var(--indigo-night);border:1px solid #0000;padding:.45rem .6rem;transition:border-color .2s,background .2s,color .2s}.nav-links a:hover,.nav-links a[aria-current=page]{border-color:var(--cobalt-blue);background:color-mix(in srgb, var(--cobalt-blue) 8%, transparent);color:var(--cobalt-blue)}.page-shell{width:min(100% - 2rem, var(--max-w));padding-block:var(--space-lg) var(--space-2xl);margin-inline:auto}.page-title{font-family:var(--font-pixel);color:var(--indigo-night);margin:0 0 var(--space-md);letter-spacing:.04em;font-size:clamp(.85rem,2.5vw,1.15rem)}.page-lead{max-width:42rem;margin:0 0 var(--space-lg);color:color-mix(in srgb, var(--indigo-night) 88%, var(--stone-taupe))}.btn{border-radius:var(--radius-sm);border:2px solid var(--indigo-night);background:var(--saffron-gold);color:var(--indigo-night);font-family:var(--font-pixel);box-shadow:3px 3px 0 var(--indigo-night);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.15rem;font-size:.55rem;line-height:1.4;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{box-shadow:4px 4px 0 var(--indigo-night);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 var(--indigo-night);transform:translate(1px,1px)}.btn-secondary{background:var(--salt-white)}.btn-accent{background:var(--spice-red);color:var(--salt-white);border-color:var(--indigo-night)}.back-row{margin-bottom:var(--space-lg)}.site-footer{padding:var(--space-lg) var(--space-md);text-align:center;color:var(--muted);border-top:1px solid var(--border);font-size:.9rem}.site-footer strong{font-family:var(--font-display);color:var(--spice-red)}.ornament-line{width:min(12rem,40%);height:2px;margin:var(--space-md) 0;background:linear-gradient(90deg, transparent, var(--saffron-gold), var(--spice-red), var(--cobalt-blue), transparent)}@media (width<=720px){.site-header{flex-wrap:wrap;align-items:center;row-gap:.45rem}.brand-mark{font-size:1.15rem}.nav-links{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;flex:100%;justify-content:flex-start;gap:.35rem;padding-bottom:.15rem;font-size:.38rem;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{white-space:nowrap;flex:none;padding:.4rem .5rem}}#materi-title{scroll-margin-top:calc(var(--header-h) + 1.25rem)}