[data-tema-auth]{--a-biru:#005ed0;--a-kuning:#fcd400;--a-hitam:#121212;--a-garis:#e5e5ea;--a-muted:#555b69;min-height:100vh;color:var(--a-hitam);background:#f3f5fa;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}[data-tema-auth] .auth-bidang{color:#fff;background:linear-gradient(155deg,#005ed0 0%,#0a4fb3 48%,#134292 100%);flex-direction:column;justify-content:space-between;min-height:100vh;padding:48px 64px;display:flex;position:relative;overflow:hidden}[data-tema-auth] .auth-bidang:after{content:"";pointer-events:none;background:repeating-linear-gradient(115deg,#ffffff09 0 1px,#0000 1px 84px);position:absolute;inset:0}[data-tema-auth] .auth-bidang>*{z-index:1;position:relative}[data-tema-auth] .auth-bidang>.auth-cahaya-1,[data-tema-auth] .auth-bidang>.auth-cahaya-2{z-index:0;pointer-events:none;border-radius:50%;position:absolute}[data-tema-auth] .auth-cahaya-1{background:radial-gradient(closest-side,#ffffff38,#fff0);width:720px;height:720px;top:-240px;right:-260px}[data-tema-auth] .auth-cahaya-2{background:radial-gradient(closest-side,#fcd40038,#fcd40000);width:640px;height:640px;bottom:-300px;left:-240px}[data-tema-auth] .auth-logo{border-radius:8px;width:fit-content;display:flex}[data-tema-auth] .auth-logo img{width:auto;height:40px;display:block}[data-tema-auth] .auth-judul{letter-spacing:-.025em;max-width:11ch;margin:0;padding-bottom:.08em;font-size:clamp(40px,4.4vw,64px);font-weight:600;line-height:1.08}[data-tema-auth] .auth-garis{background:var(--a-kuning);border-radius:3px;width:96px;height:6px;margin-top:28px;display:block}[data-tema-auth] .auth-balik{color:#ffffffeb;border-bottom:1px solid #fff6;align-self:flex-start;align-items:center;min-height:44px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}[data-tema-auth] .auth-balik:hover{color:#fff;border-color:#fff}[data-tema-auth] .auth-logo:focus-visible,[data-tema-auth] .auth-balik:focus-visible{outline:3px solid var(--a-kuning);outline-offset:2px}[data-tema-auth] .auth-sisi{background:#f3f5fa;justify-content:center;align-items:center;padding:40px 24px;display:flex}[data-tema-auth] .auth-kartu{width:100%;max-width:440px;color:var(--a-hitam);border:1px solid var(--a-garis);background:#fff;border-radius:20px;margin-left:-120px;padding:40px;position:relative;box-shadow:0 2px 4px #1212120a,0 30px 60px -20px #1342924d}[data-tema-auth] .auth-kartu .auth-h2{letter-spacing:-.01em;margin:0;font-size:26px;font-weight:600;line-height:1.15}[data-tema-auth] .auth-judul{padding-bottom:.16em}[data-tema-auth] .auth-sub{color:var(--a-muted);margin:8px 0 24px;font-size:16px;line-height:1.5}[data-tema-auth] .auth-catatan{text-align:center;color:var(--a-muted);margin-top:6px;font-size:13px;line-height:1.5}[data-tema-auth] .auth-kartu [data-slot=label]{color:var(--a-hitam);font-size:14px;font-weight:600;line-height:1.5}[data-tema-auth] .auth-kartu [data-slot=input]{height:48px;color:var(--a-hitam);background:#fff;border:1px solid #c9ccd6;border-radius:12px;padding:0 14px;font-size:16px;transition:border-color .2s,box-shadow .2s}[data-tema-auth] .auth-kartu [data-slot=input]::placeholder{color:#6b7180}[data-tema-auth] .auth-kartu [data-slot=input]:hover{border-color:#9aa1b2}[data-tema-auth] .auth-kartu [data-slot=input]:focus-visible{border-color:var(--a-biru);outline:none;box-shadow:0 0 0 4px #005ed02e}[data-tema-auth] .auth-kartu [data-slot=checkbox]{background:#fff;border-color:#7f7f84;border-radius:4px;width:20px;height:20px}[data-tema-auth] .auth-kartu [data-slot=checkbox][data-state=checked]{background:var(--a-biru);border-color:var(--a-biru);color:#fff}[data-tema-auth] .auth-kartu [data-slot=button]{width:100%;height:auto;min-height:50px;color:var(--a-hitam);box-shadow:none;background:#fff;border:1px solid #c9ccd6;border-radius:12px;padding:0 20px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:flex}[data-tema-auth] .auth-kartu [data-slot=button]:hover:not(:disabled){border-color:var(--a-biru);color:var(--a-biru);background:#fff;transform:translateY(-2px)}[data-tema-auth] .auth-kartu [data-slot=button]:not([type=button]){background:var(--a-biru);color:#fff;border:0;box-shadow:0 8px 18px -8px #005ed0b3}[data-tema-auth] .auth-kartu [data-slot=button]:not([type=button]):hover:not(:disabled){color:#fff;background:#0050b0;box-shadow:0 14px 24px -10px #005ed0bf}[data-tema-auth] .auth-kartu [data-slot=button]:disabled{color:#555b69;box-shadow:none;background:#e5e5ea}[data-tema-auth] .auth-opsi{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:4px;font-size:14px;display:flex}[data-tema-auth] .auth-opsi a{color:var(--a-biru);margin:0;font-weight:600;text-decoration:none}[data-tema-auth] .auth-opsi a:hover{text-decoration:underline}[data-tema-auth] .auth-opsi [data-slot=label]{font-weight:400}[data-tema-auth] .auth-passkey>div:first-child{margin:20px 0 6px}[data-tema-auth] .auth-passkey>div:first-child>div:last-child{text-transform:none;font-size:13px}[data-tema-auth] .auth-passkey>div:first-child span{color:var(--a-muted);background:#fff}[data-tema-auth] .auth-passkey [data-slot=separator-root]{background:var(--a-garis)}[data-tema-auth] .auth-kaki{text-align:center;color:var(--a-muted);margin-top:20px;font-size:15px;line-height:1.5}[data-tema-auth] .auth-kaki a{min-height:44px;color:var(--a-biru);align-items:center;margin:0;font-weight:600;text-decoration:none;display:inline-flex}[data-tema-auth] .auth-kaki a:hover{text-decoration:underline}@media (width<=900px){[data-tema-auth]{display:block}[data-tema-auth] .auth-bidang{min-height:0;padding:28px 24px 96px;display:block}[data-tema-auth] .auth-judul{max-width:none;font-size:32px}[data-tema-auth] .auth-isi-merek{margin-top:28px}[data-tema-auth] .auth-garis{width:72px;margin-top:16px}[data-tema-auth] .auth-balik{display:none}[data-tema-auth] .auth-sisi{margin-top:-72px;padding:0 16px 40px;display:block;position:relative}[data-tema-auth] .auth-kartu{margin-left:auto;margin-right:auto;padding:28px 22px}}@keyframes auth-kartu{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:no-preference){[data-tema-auth] .auth-kartu{animation:.48s cubic-bezier(.2,.8,.2,1) .12s both auth-kartu}}