.id-bilah{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:12px;padding:12px clamp(16px,3vw,32px);display:flex}.id-merek{font:700 18px/1 var(--font-serif);color:var(--color-ink);align-items:center;gap:8px;display:inline-flex}.id-merek em{color:var(--color-accent-ink);font-style:normal}.id-memuat{color:var(--color-muted);align-items:center;gap:10px;margin:auto;font-size:14px;display:flex}.id-belah{flex:1;grid-template-columns:minmax(0,1fr);align-content:start;display:grid}@media (width>=960px){.id-belah{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:stretch}}.id-cerita{border-top:1px solid var(--color-line);background:var(--color-bg-2,var(--color-surface-2));color:var(--color-ink);flex-direction:column;order:2;gap:14px;padding:28px 20px 40px;display:flex}.id-cerita h2{font:600 20px/1.25 var(--font-serif);letter-spacing:-.01em;color:var(--color-ink);text-wrap:balance}.id-cerita .id-lead{display:none}.id-label{letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800;display:none}.id-tagline{font-family:var(--font-serif);letter-spacing:.02em;color:var(--color-accent-ink);margin:0 0 6px;font-size:13px;font-weight:500}.id-ubin{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 8px;margin:4px 0 0;padding:0;list-style:none;display:grid}.id-ubin li{min-width:0}.id-ubin a{border-radius:16px;flex-direction:column;align-items:center;gap:6px;min-width:0;height:100%;min-height:44px;text-decoration:none;display:flex}.id-ubin a:focus-visible{outline-offset:4px;outline:2px solid}.id-ubin a>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--color-ink-2);font-size:11.5px;font-weight:700;overflow:hidden}@media (width>=960px){.id-cerita{color:#f3ede2;background:#0b1d35;border-top:0;order:0;justify-content:space-between;gap:32px;padding:56px clamp(32px,5vw,72px)}.id-label{color:#d9ccb9;display:block}.id-cerita h2{font:600 clamp(34px, 3.4vw, 46px)/1.1 var(--font-serif);letter-spacing:-.025em;text-wrap:balance;color:#f3ede2;max-width:15ch;margin-top:18px;display:block}.id-cerita .id-lead{color:#f3ede2b8;max-width:42ch;margin-top:16px;font-size:16px;line-height:1.7;display:block}.id-ubin{grid-template-columns:repeat(4,minmax(0,88px));gap:20px 12px;display:grid;overflow:visible}.id-ubin a>span:last-child{color:#f3ede2cc;display:block}}.id-form{order:1;align-self:center;width:100%;max-width:440px;margin:0 auto;padding:28px 20px 36px}@media (width>=960px){.id-form{padding:56px 32px}}.id-form h1{font:600 clamp(30px, 3vw, 38px)/1.1 var(--font-serif);letter-spacing:-.02em;color:var(--color-ink)}.id-sub{color:var(--color-muted);margin-top:8px;font-size:15px;line-height:1.6}.id-konteks{background:var(--color-surface-2);color:var(--color-ink-2);border-radius:999px;align-items:center;gap:10px;margin-bottom:20px;padding:6px 14px 6px 6px;font-size:13px;display:inline-flex}.id-google,.id-utama{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;font-size:15px;font-weight:700;transition:background .16s,transform .16s,border-color .16s;display:inline-flex}.id-google{border:1px solid var(--color-line-2);background:var(--color-surface);color:var(--color-ink);margin-top:28px}.id-google:hover{border-color:var(--color-ink-2)}.id-utama{background:var(--color-ink);color:var(--color-bg);border:0;margin-top:8px}.id-utama:hover:not(:disabled){transform:translateY(-1px)}.id-google:disabled,.id-utama:disabled{opacity:.65;cursor:default}.id-atau{color:var(--color-muted);align-items:center;gap:12px;margin:22px 0;font-size:12px;display:flex}.id-atau:before,.id-atau:after{content:"";background:var(--color-line);flex:1;height:1px}.id-form form{gap:16px;display:grid}.id-bidang{color:var(--color-ink);gap:6px;font-size:13px;font-weight:700;display:grid}.id-bidang small{color:var(--color-muted);font-weight:500}.id-bidang-kepala{justify-content:space-between;align-items:baseline;display:flex}.id-bidang-kepala a{color:var(--color-accent-ink);font-weight:600}.id-bidang-kepala a:hover{text-underline-offset:3px;text-decoration:underline}.id-bidang input{border:1px solid var(--color-line-2);background:var(--color-surface);width:100%;min-height:48px;color:var(--color-ink);font:inherit;border-radius:12px;padding:0 14px;font-size:16px;font-weight:500}.id-bidang input:focus{outline:2px solid var(--color-accent-ink);outline-offset:1px;border-color:#0000}.id-sandi{display:block;position:relative}.id-sandi input{padding-inline-end:48px}.id-sandi button{top:0;bottom:0;width:42px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;inset-inline-end:4px}.id-sandi button:hover{color:var(--color-ink)}.id-captcha:empty{display:none}.id-captcha{justify-content:center;display:flex}.id-daftar-petunjuk{color:var(--color-ink-2);font-size:14px;line-height:1.6}.id-daftar-setuju{color:var(--color-ink-2);align-items:flex-start;gap:10px;margin-block:18px;font-size:14px;line-height:1.6;display:flex}.id-daftar-setuju input{width:20px;height:20px;accent-color:var(--color-accent-ink);flex:none;margin-top:2px}.id-daftar-setuju a{text-underline-offset:3px;text-decoration:underline}.id-pesan{border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:14px;line-height:1.5;display:flex}.id-pesan svg{flex-shrink:0;margin-top:2px}.id-pesan-galat{color:#b91c1c;background:#dc26261a}.id-pesan-ok{background:color-mix(in srgb, var(--color-accent) 16%, transparent);color:var(--color-accent-ink)}[data-theme=dark] .id-pesan-galat{color:#fca5a5}.id-ganti{color:var(--color-muted);margin-top:22px;font-size:14px}.id-ganti button{color:var(--color-accent-ink);cursor:pointer;background:0 0;border:0;font-weight:800}.id-kecil{border-top:1px solid var(--color-line);color:var(--color-muted);margin-top:28px;padding-top:18px;font-size:12px;line-height:1.6}.id-kecil a{text-underline-offset:3px;text-decoration:underline}.id-masuk{width:100%;max-width:880px;margin:0 auto;padding:40px 20px 64px}.id-alih{background:var(--color-surface-2);color:var(--color-ink-2);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;padding:12px 16px;font-size:14px;display:flex}.id-alih a{color:var(--color-accent-ink);margin-inline-start:auto;font-weight:800}.id-profil{border-bottom:1px solid var(--color-line);align-items:center;gap:16px;padding-bottom:28px;display:flex}.id-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:64px;height:64px}.id-avatar-huruf{color:#d9ccb9;font:700 26px/1 var(--font-serif);background:#0b1d35;place-items:center;display:grid}.id-sapa{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-size:12px;font-weight:700}.id-profil h1{font:600 clamp(24px, 3vw, 32px)/1.15 var(--font-serif);color:var(--color-ink);overflow-wrap:anywhere;margin-top:2px}.id-email{color:var(--color-muted);overflow-wrap:anywhere;margin-top:2px;font-size:14px}.id-keluar{border:1px solid var(--color-line-2);min-height:44px;color:var(--color-ink-2);cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;margin-inline-start:auto;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.id-keluar:hover{color:#b91c1c;border-color:#dc262666}.id-masuk h2{letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin:32px 0 14px;font-size:13px;font-weight:800}.id-ruang{grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.id-ruang{grid-template-columns:repeat(2,minmax(0,1fr))}}.id-ruang a{border-radius:16px;align-items:center;gap:14px;padding:12px;transition:background .15s;display:flex}.id-ruang a:hover{background:var(--color-surface-2)}.id-ruang strong{color:var(--color-ink);font-size:15px;display:block}.id-ruang small{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;display:block;overflow:hidden}.id-panah{color:var(--color-muted);flex-shrink:0;margin-inline-start:auto}@media (width<=520px){.id-profil{flex-wrap:wrap}.id-keluar{margin-inline-start:0}}@media (width>=960px){.id-cerita .sublogo-gelap{display:none!important}.id-cerita .sublogo-terang{display:block!important}}.id-sunting{color:var(--color-ink)}.id-sunting+.id-keluar{margin-inline-start:0}.id-sunting:hover{color:var(--color-accent-ink);border-color:var(--color-accent-ink)}.id-sunting-kartu{border:1px solid var(--color-line-2);background:var(--color-surface);border-radius:18px;gap:16px;margin-top:24px;padding:20px;display:grid}.id-sunting-kepala{justify-content:space-between;align-items:center;gap:12px;display:flex}.id-sunting-kepala h2{font:700 20px/1.2 var(--font-serif)!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--color-ink)!important;margin:0!important}.id-ikon{width:40px;height:40px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.id-ikon:hover{background:var(--color-surface-2);color:var(--color-ink)}.id-sunting-ket{color:var(--color-muted);margin-top:-8px;font-size:14px}.id-sunting-foto{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.id-sunting-pratinjau{color:#d9ccb9;width:72px;height:72px;font:700 28px/1 var(--font-serif);background:#0b1d35;border-radius:50%;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.id-sunting-pratinjau img{object-fit:cover;width:100%;height:100%}.id-sunting-aksi{flex-wrap:wrap;gap:8px;display:flex}.id-tombol-kedua{border:1px solid var(--color-line-2);background:var(--color-surface);min-height:44px;color:var(--color-ink);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.id-tombol-kedua:hover:not(:disabled){border-color:var(--color-ink-2)}.id-tombol-kedua:disabled{opacity:.6}.id-karakter{border:0;margin:0;padding:0}.id-karakter legend{color:var(--color-ink);margin-bottom:8px;font-size:13px;font-weight:700}.id-karakter>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.id-karakter button{cursor:pointer;color:var(--color-ink-2);background:0 0;border:1px solid #0000;border-radius:12px;justify-items:center;gap:4px;padding:8px 4px;font-size:11px;font-weight:600;display:grid}.id-karakter button:hover{background:var(--color-surface-2)}.id-karakter button[aria-pressed=true]{border-color:var(--color-accent-ink);background:color-mix(in srgb, var(--color-accent) 14%, transparent)}.id-karakter img{border-radius:50%;width:44px;height:44px}.id-sunting-bawah{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.id-utama-pendek{width:auto;margin-top:0;padding:0 20px}.id-tersimpan{color:var(--color-accent-ink);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.id-perangkat{scroll-margin-top:24px}.id-perangkat-ket{color:var(--color-muted);margin:-6px 0 14px;font-size:14px;line-height:1.5}.id-perangkat-memuat{color:var(--color-muted);align-items:center;gap:8px;font-size:14px;display:flex}.id-perangkat-daftar{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.id-perangkat-daftar li{border:1px solid var(--color-line-2);border-radius:16px;align-items:center;gap:14px;padding:12px;display:flex}.id-perangkat-daftar li.is-ini{border-color:color-mix(in srgb, var(--color-accent) 55%, transparent);background:color-mix(in srgb, var(--color-accent) 7%, transparent)}.id-perangkat-ikon{background:var(--color-surface-2);width:40px;height:40px;color:var(--color-ink-2);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.id-perangkat-daftar strong{color:var(--color-ink);flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;display:flex}.id-perangkat-daftar em{letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb, var(--color-accent) 18%, transparent);color:var(--color-accent-ink);border-radius:999px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:800}.id-perangkat-daftar small{color:var(--color-muted);margin-top:2px;font-size:13px;display:block}.id-perangkat-akhiri{flex-shrink:0;margin-inline-start:auto}.id-perangkat-semua{color:var(--color-ink-2);flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;font-size:14px;display:flex}.id-tombol-bahaya{color:#b91c1c;border-color:#dc262666}[data-theme=dark] .id-tombol-bahaya{color:#fca5a5}@media (width<=520px){.id-perangkat-daftar li{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:10px 12px;display:grid}.id-perangkat-akhiri{grid-column:2;justify-self:start;margin-inline-start:0}}.id-riwayat{border-top:1px solid var(--color-line);margin-top:20px;padding-top:14px}.id-riwayat summary{cursor:pointer;min-height:44px;color:var(--color-ink);align-items:center;font-size:14px;font-weight:700;display:flex}.id-riwayat ol{margin:6px 0 0;padding:0;list-style:none;display:grid}.id-riwayat li{border-bottom:1px solid var(--color-line);gap:2px;padding:10px 2px;display:grid}.id-riwayat li:last-child{border-bottom:0}.id-riwayat li span{color:var(--color-ink);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.id-riwayat li em{letter-spacing:.04em;text-transform:uppercase;color:#b45309;background:#f59e0b2e;border-radius:999px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:800}[data-theme=dark] .id-riwayat li em{color:#fcd34d}.id-riwayat li small{color:var(--color-muted);font-size:13px}.id-sub+form{margin-top:20px}.id-preferences{position:relative}.id-preferences summary{cursor:pointer;border:1px solid var(--color-line);border-radius:14px;align-items:center;min-height:44px;padding-inline:12px;display:flex}.id-preferences-panel{inset-inline-end:0;z-index:50;background:var(--color-surface);border:1px solid var(--color-line);border-radius:16px;width:min(280px,100vw - 32px);padding:18px;position:absolute;top:calc(100% + 8px);box-shadow:0 12px 32px #0002}.id-preferences-panel label{gap:6px;margin-bottom:14px;display:grid}.id-preferences-panel select{border:1px solid var(--color-line);min-height:44px;color:var(--color-ink);background:var(--color-surface);font:inherit;border-radius:10px;padding-inline:10px}.id-preferences-panel p{color:var(--color-muted);margin:0;font-size:12px}.id-preferences :focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:3px}@media (width<=520px){.id-bilah{flex-wrap:wrap}.id-bilah>div{justify-content:space-between;width:100%}.id-preferences-panel{inset-inline:16px;width:auto;position:fixed;top:120px}}.id-ubin-huruf{border:0}@media (width>=900px){.id-cerita{isolation:isolate;background:radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--color-accent) 22%, transparent), transparent 60%), radial-gradient(90% 70% at 100% 100%, color-mix(in srgb, var(--color-beige) 16%, transparent), transparent 60%), #0b1d35;position:relative;overflow:hidden}.id-watermark{z-index:-1;opacity:.08;color:#f3ede2;pointer-events:none;width:300px;height:560px;position:absolute;bottom:-70px;right:-40px;transform:rotate(-12deg)}.id-watermark svg{width:100%;height:100%;fill:currentColor!important}.id-cerita h2{background:linear-gradient(100deg, #f3ede2 30%, color-mix(in srgb, var(--color-accent) 70%, var(--color-bg)));color:#0000;-webkit-background-clip:text;background-clip:text}.id-ubin{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:460px}.id-ubin a{backdrop-filter:blur(6px);background:#f3ede20a;border:1px solid #f3ede21a;border-radius:16px;flex-direction:row;align-items:center;gap:12px;padding:10px 14px 10px 10px;transition:transform .25s,background .25s,border-color .25s}.id-ubin a:hover{background:#f3ede214;border-color:#f3ede233;transform:translateY(-2px)}.id-ubin a>span:last-child{font-size:13.5px;font-weight:650}}.id-watermark{display:none}@media (width>=900px){.id-watermark{display:block}}.id-login-motion{flex:initial;border:1px solid var(--color-line);background:var(--color-surface);isolation:isolate;border-radius:24px;align-content:stretch;align-self:flex-start;width:calc(100% - 32px);max-width:1200px;margin:24px auto 40px;overflow:clip}.id-login-motion .id-cerita{isolation:isolate;background:var(--color-accent-ink);color:var(--color-on-brand,#f4eadf);border:0;border-radius:23px 23px 0 0;order:0;gap:18px;padding:24px;position:relative;overflow:hidden}.id-login-landscape{object-fit:cover;object-position:center 45%;opacity:.28;z-index:-2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.id-login-motion .id-cerita:after{content:"";z-index:-1;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--color-accent-ink) 90%,#000));pointer-events:none;position:absolute;inset:0}.id-login-emblem{display:none}.id-login-motion .id-label{color:inherit;opacity:.85;display:block}.id-login-motion .id-cerita h2{color:inherit;max-width:24ch;margin-top:10px;font-size:27px;line-height:1.15}.id-login-motion .id-cerita .id-tagline{display:none}.id-login-motion .id-ubin{flex-wrap:wrap;gap:12px 18px;margin:0;display:flex}.id-login-motion .id-ubin a{border-radius:6px;flex-direction:row;align-items:center;gap:7px;min-height:44px}.id-login-motion .id-ubin a>span:last-child{color:inherit;white-space:normal;font-size:12px}.id-login-motion .id-ubin-huruf{border:1px solid color-mix(in srgb,currentColor 30%,transparent);background:color-mix(in srgb,currentColor 12%,transparent)!important;width:28px!important;height:28px!important;font-size:15px!important}.id-login-motion .id-form{background:var(--color-surface);border-radius:0 0 23px 23px;order:1;align-self:stretch;min-width:0;max-width:none;margin:0;padding:28px 24px 32px}.id-login-motion .id-form>*{max-width:430px;margin-inline:auto}.id-login-motion .id-form>.id-tagline{margin-bottom:12px}.id-login-motion .id-sub{font-size:16px}.id-login-motion .id-bidang input{min-height:52px}.id-login-motion .id-sandi button{width:44px}.id-login-motion .id-google,.id-login-motion .id-utama{min-height:52px}.id-login-motion .id-ganti button,.id-login-motion .id-bidang-kepala a{align-items:center;min-height:44px;display:inline-flex}.id-login-motion .id-bidang-kepala{flex-wrap:wrap;align-items:center;gap:10px}.id-story-switch{display:none}.id-login-motion .id-form h1:focus{outline-offset:5px}@media (width>=960px){.id-login-motion{width:calc(100% - 80px);min-height:700px;box-shadow:0 24px 70px color-mix(in srgb,var(--color-ink) 7%,transparent);grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:36px;display:grid}.id-login-motion .id-cerita{border-radius:23px 0 0 23px;grid-area:1/1;justify-content:flex-start;gap:26px;padding:48px clamp(28px,3.6vw,54px);transition:transform .7s cubic-bezier(.22,1,.36,1);transform:translate(0)}.id-login-motion .id-form{border-radius:0 23px 23px 0;grid-area:1/2;padding:48px clamp(24px,3.6vw,52px);transition:transform .7s cubic-bezier(.22,1,.36,1);transform:translate(0)}.id-login-motion .id-cerita h2{text-wrap:balance;max-width:11ch;margin-top:18px;font-size:clamp(38px,4vw,60px);line-height:1.08}.id-login-motion .id-cerita .id-lead{color:inherit;opacity:.9;max-width:32ch;margin-top:24px;font-size:16px;line-height:1.75;display:block}.id-login-emblem{width:29px;height:86px;color:inherit;flex-shrink:0;display:block;position:relative}.id-login-emblem svg{--warna-logo:currentColor;width:100%;height:100%}.id-login-motion .id-ubin{gap:12px 16px}.id-story-switch{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;font-size:14px;display:flex}.id-story-switch button{min-height:46px;font:inherit;color:inherit;background:0 0;border:1px solid;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.id-story-switch button:disabled{opacity:.5;cursor:default}.id-login-motion.is-register .id-cerita{border-radius:0 23px 23px 0;transform:translate(100%)}.id-login-motion.is-register .id-form{border-radius:23px 0 0 23px;transform:translate(-100%)}.id-login-motion[dir=rtl] .id-cerita{border-radius:0 23px 23px 0}.id-login-motion[dir=rtl] .id-form{border-radius:23px 0 0 23px}.id-login-motion[dir=rtl].is-register .id-cerita{border-radius:23px 0 0 23px;transform:translate(-100%)}.id-login-motion[dir=rtl].is-register .id-form{border-radius:0 23px 23px 0;transform:translate(100%)}}@media (width<=420px){.id-login-motion{border-radius:18px;width:calc(100% - 24px);margin-block:16px 24px}.id-login-motion .id-cerita{border-radius:17px 17px 0 0;padding:20px}.id-login-motion .id-form{border-radius:0 0 17px 17px;padding:24px 20px}.id-login-motion .id-cerita h2{font-size:25px}.id-login-motion .id-ubin{gap:6px 12px}.id-login-motion .id-ubin a>span:last-child{font-size:11px}}:root[data-motion=reduce] .id-login-motion .id-cerita,:root[data-motion=reduce] .id-login-motion .id-form{transition:none}@media (prefers-reduced-motion:reduce){.id-login-motion .id-cerita,.id-login-motion .id-form{transition:none}}@media (width<=959px){.id-login-motion .id-ubin{display:none}}@media (width>=960px){.id-login-emblem{width:68px;height:68px}.id-login-emblem svg{width:100%;height:100%}}