:root{--bg: #0b1020;--bg-panel: #141c3a;--garis: #2a3a6e;--teks: #e8ecff;--redup: #93a0c9;--cyan: #4deeff;--hijau: #52ff7d;--magenta: #ff5ce1;--kuning: #ffd166;--merah: #ff6b81}*{box-sizing:border-box}body{margin:0;font-family:"Baloo 2",system-ui,sans-serif;font-size:19px;color:var(--teks);background:radial-gradient(ellipse 80% 50% at 50% -10%,#1b2b6b55,transparent),var(--bg);min-height:100vh}.bintang{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#1a244d55 1px,transparent 1px),linear-gradient(90deg,#1a244d55 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 90% 70% at 50% 20%,black,transparent 85%)}main{max-width:1100px;margin:0 auto;padding:1.6rem 1rem 4rem}.atas{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.2rem;background:#0e1530cc;border-bottom:2px solid var(--garis);backdrop-filter:blur(6px);position:sticky;top:0;z-index:10}.logo{display:inline-flex;align-items:center;gap:.5rem;font-family:Silkscreen,monospace;font-size:1.05rem;color:var(--cyan);text-decoration:none;text-shadow:0 0 12px #4deeff88;letter-spacing:1px}.logo-ikon{width:26px;height:26px;border-radius:6px;image-rendering:pixelated}.logo span{color:var(--magenta);text-shadow:0 0 12px #ff5ce188}.atas nav{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.inline{display:inline;margin:0}.chip{display:inline-block;padding:.2rem .8rem;border:1.5px solid var(--garis);border-radius:999px;background:var(--bg-panel);color:var(--teks);text-decoration:none;font-size:.85rem;font-weight:700}a.chip:hover{border-color:var(--cyan);color:var(--cyan)}.chip-user{border-color:#3a5cc4}h1{font-family:Silkscreen,monospace;font-size:1.5rem;line-height:1.4;color:var(--teks);text-shadow:0 0 18px #4deeff44}h2{font-family:"Baloo 2",sans-serif;font-weight:800}a{color:var(--cyan)}button{font-family:"Baloo 2",sans-serif;font-size:1rem;font-weight:800;cursor:pointer;color:#06251299;color:#052012;background:linear-gradient(180deg,#6dffa0,#35e86b);border:none;border-radius:14px;padding:.65rem 1.4rem;box-shadow:0 4px #1a9c48,0 0 18px #52ff7d33;transition:transform .06s,box-shadow .06s,filter .15s}button:hover{filter:brightness(1.08)}button:active{transform:translateY(3px);box-shadow:0 1px #1a9c48}button:disabled{filter:grayscale(.6);cursor:wait}button.kecil{padding:.25rem .8rem;font-size:.8rem;box-shadow:0 3px #1a9c48}button.sekunder{color:var(--teks);background:linear-gradient(180deg,#24325f,#182348);box-shadow:0 4px #0d142e}input,textarea{font:inherit;color:var(--teks);background:#0d142e;border:2px solid var(--garis);border-radius:12px;padding:.55rem .9rem;width:100%;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 12px #4deeff33}label{display:block;margin:.8rem 0;font-weight:700;color:var(--redup)}.kartu{background:linear-gradient(180deg,#172046,var(--bg-panel));border:2px solid var(--garis);border-radius:18px;padding:1.2rem 1.5rem;margin:1rem 0;box-shadow:0 8px 24px #0006,inset 0 1px #ffffff0d}.kartu-neon{border-color:var(--cyan);box-shadow:0 0 24px #4deeff22,0 8px 24px #0006}.galat{color:var(--merah);font-weight:700}.sukses{color:var(--hijau);font-weight:700;text-shadow:0 0 14px #52ff7d55}pre.output-terminal{font-family:VT323,monospace;font-size:21px;background:#050a14;color:var(--hijau);border:2px solid #1e3a2a;border-radius:12px;padding:.8rem 1rem;min-height:3rem;white-space:pre-wrap;text-shadow:0 0 6px #52ff7d66}pre.output-terminal:empty:before{content:"> siap menjalankan kodemu_";opacity:.45}code{font-family:VT323,monospace;font-size:1.05em;background:#0d142e;border:1px solid var(--garis);color:var(--kuning);padding:.05em .4em;border-radius:6px}pre code{background:none;border:none;padding:0;color:inherit}.materi pre{background:#0d142e;border:2px solid var(--garis);color:var(--teks);padding:.9rem 1.1rem;border-radius:12px;overflow-x:auto}.materi pre code{background:none;border:none;color:#a8e6ff}.materi h1{font-size:1.35rem}.materi blockquote{margin:1rem 0;padding:.6rem 1rem;border-left:4px solid var(--kuning);background:#ffd16611;border-radius:0 10px 10px 0}.materi table{border-collapse:collapse}.materi th,.materi td{border:1px solid var(--garis);padding:.4rem .8rem}progress{appearance:none;-webkit-appearance:none;height:14px;border:none;border-radius:999px;background:#0d142e;overflow:hidden}progress::-webkit-progress-bar{background:#0d142e;border-radius:999px}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--cyan),var(--hijau));border-radius:999px;box-shadow:0 0 10px #52ff7d88}progress::-moz-progress-bar{background:linear-gradient(90deg,var(--cyan),var(--hijau));border-radius:999px}.bawah{text-align:center;color:var(--redup);font-size:.85rem;padding:1.5rem 0 2rem}#bar-muat{position:fixed;top:0;left:0;right:0;height:4px;z-index:100;background:linear-gradient(90deg,transparent,var(--cyan),var(--magenta),var(--cyan),transparent);background-size:50% 100%;background-repeat:no-repeat;box-shadow:0 0 14px #4deeff88;opacity:0;pointer-events:none}body.sedang-muat #bar-muat{opacity:1;animation:bar-jalan 1s linear infinite}@keyframes bar-jalan{0%{background-position:-60% 0}to{background-position:160% 0}}body.sedang-muat main{opacity:.55;filter:saturate(.7);transition:opacity .25s,filter .25s;pointer-events:none}body.sedang-muat{cursor:progress}