:root{--hitam: #000000;--gelap: #0b0b0b;--permukaan: #141414;--permukaan-2: #1c1c1c;--garis: #262626;--garis-2: #333333;--merah: #e50914;--merah-terang: #f6121d;--merah-gelap: #b20710;--merah-lembut: rgba(229, 9, 20, .12);--teks: #f5f5f5;--teks-2: #b3b3b3;--teks-3: #7a7a7a;--hijau: #46d369;--kuning: #e5b109;--sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "Courier New", monospace;--bulat: 10px;--bulat-lg: 16px;--alih: all .18s cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--hitam);color:var(--teks);font-family:var(--sans);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60rem 30rem at 15% -10%,rgba(229,9,20,.16),transparent 60%),radial-gradient(40rem 24rem at 100% 0%,rgba(229,9,20,.08),transparent 60%)}.nf-bingkai{position:relative;min-height:100%;display:flex;flex-direction:column}.nf-kepala{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;border-bottom:1px solid var(--garis);background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nf-merek{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.05rem;letter-spacing:-.03em}.nf-merek i{width:8px;height:22px;border-radius:2px;background:var(--merah);box-shadow:0 0 18px #e50914b3}.nf-isi{flex:1;width:100%;max-width:940px;margin:0 auto;padding:26px 20px 60px}.nf-gerbang{min-height:72vh;display:grid;place-items:center;padding:20px}.nf-gerbang-kotak{width:100%;max-width:400px;display:flex;flex-direction:column;gap:14px;padding:34px 28px;background:linear-gradient(180deg,var(--permukaan),var(--gelap));border:1px solid var(--garis);border-radius:var(--bulat-lg);box-shadow:0 30px 70px -30px #000000e6;text-align:center}.nf-judul{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.035em}.nf-sub{margin:0;font-size:.88rem;color:var(--teks-2);line-height:1.55}.nf-input{width:100%;padding:15px 16px;border:1px solid var(--garis-2);border-radius:var(--bulat);background:var(--permukaan-2);color:var(--teks);font-family:var(--mono);font-size:1.15rem;font-weight:700;letter-spacing:.18em;text-align:center;text-transform:uppercase;outline:none;transition:var(--alih)}.nf-input::placeholder{color:var(--teks-3);letter-spacing:.1em;font-weight:500}.nf-input:focus{border-color:var(--merah);box-shadow:0 0 0 3px var(--merah-lembut)}.nf-tombol{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 18px;border:0;border-radius:var(--bulat);background:var(--merah);color:#fff;font-family:var(--sans);font-size:.95rem;font-weight:700;cursor:pointer;transition:var(--alih)}.nf-tombol:hover:not(:disabled){background:var(--merah-terang)}.nf-tombol:active:not(:disabled){background:var(--merah-gelap)}.nf-tombol:disabled{opacity:.45;cursor:not-allowed}.nf-tombol-sunyi{background:transparent;border:1px solid var(--garis-2);color:var(--teks-2)}.nf-tombol-sunyi:hover:not(:disabled){background:var(--permukaan-2);color:var(--teks)}.nf-galat{margin:0;font-size:.82rem;color:var(--merah-terang);min-height:1.1em}.nf-label{font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teks-3)}.nf-alamat-daftar{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 22px}.nf-alamat{padding:9px 14px;border:1px solid var(--garis-2);border-radius:999px;background:var(--permukaan);color:var(--teks-2);font-family:var(--mono);font-size:.8rem;cursor:pointer;transition:var(--alih)}.nf-alamat:hover{border-color:var(--garis-2);color:var(--teks)}.nf-alamat[data-aktif="1"]{background:var(--merah);border-color:var(--merah);color:#fff;font-weight:600}.nf-tab{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--garis)}.nf-tab button{padding:8px 14px;border:1px solid transparent;border-radius:999px;background:var(--permukaan);color:var(--teks-2);font-family:var(--sans);font-size:.82rem;font-weight:600;cursor:pointer;transition:var(--alih)}.nf-tab button:hover{color:var(--teks)}.nf-tab button[data-aktif="1"]{background:var(--merah-lembut);border-color:var(--merah);color:#fff}.nf-tab small{margin-left:6px;opacity:.7;font-family:var(--mono)}.nf-daftar{display:flex;flex-direction:column;gap:10px}.nf-surat{display:flex;flex-direction:column;gap:8px;padding:16px 18px;background:var(--permukaan);border:1px solid var(--garis);border-left:3px solid var(--merah);border-radius:var(--bulat);transition:var(--alih)}.nf-surat:hover{background:var(--permukaan-2)}.nf-surat-atas{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.nf-jenis{padding:3px 9px;border-radius:999px;background:var(--merah-lembut);color:var(--merah-terang);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.nf-waktu{font-family:var(--mono);font-size:.72rem;color:var(--teks-3)}.nf-subjek{font-size:.95rem;font-weight:600;line-height:1.4}.nf-cuplik{font-size:.82rem;color:var(--teks-2);line-height:1.5}.nf-kode{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;margin-top:4px;padding:12px 18px;border:1px solid var(--merah);border-radius:var(--bulat);background:linear-gradient(180deg,#e509142e,#e509140f);color:#fff;font-family:var(--mono);font-size:1.5rem;font-weight:700;letter-spacing:.22em;cursor:pointer;transition:var(--alih)}.nf-kode:hover{background:#e5091442}.nf-kode small{font-family:var(--sans);font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.75}.nf-kode[data-salin="1"]{border-color:var(--hijau);color:var(--hijau)}.nf-buka{align-self:flex-start;padding:8px 14px;border:1px solid var(--garis-2);border-radius:var(--bulat);background:transparent;color:var(--teks-2);font-family:var(--sans);font-size:.78rem;font-weight:600;cursor:pointer;transition:var(--alih)}.nf-buka:hover{background:var(--permukaan-2);color:var(--teks)}.nf-kosong{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;text-align:center;border:1px dashed var(--garis-2);border-radius:var(--bulat-lg)}.nf-kosong b{font-size:1rem;font-weight:700}.nf-kosong span{font-size:.85rem;color:var(--teks-2);max-width:34ch;line-height:1.55}.nf-rangka{height:92px;border-radius:var(--bulat);background:linear-gradient(90deg,var(--permukaan) 25%,var(--permukaan-2) 50%,var(--permukaan) 75%);background-size:200% 100%;animation:nf-geser 1.4s infinite}@keyframes nf-geser{0%{background-position:200% 0}to{background-position:-200% 0}}.nf-tirai{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#000000d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nf-panel{width:100%;max-width:760px;max-height:88vh;display:flex;flex-direction:column;background:var(--gelap);border:1px solid var(--garis-2);border-radius:var(--bulat-lg);overflow:hidden}.nf-panel-kepala{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--garis)}.nf-panel-isi{flex:1;overflow:auto;background:#fff}.nf-panel-isi iframe{width:100%;min-height:60vh;border:0;display:block}@media (max-width: 640px){.nf-isi{padding:18px 14px 50px}.nf-kode{font-size:1.25rem;letter-spacing:.16em}.nf-gerbang-kotak{padding:26px 20px}}@media (prefers-reduced-motion: reduce){.nf-rangka{animation:none}*{transition:none!important}}