.masuk{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 80% at 50% 0,rgba(194,154,60,.14),transparent 62%),var(--blue);padding:28px 18px calc(28px + env(safe-area-inset-bottom))}.masuk-kartu{width:100%;max-width:372px;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:30px 24px 24px;box-shadow:var(--shadow-lg)}.masuk-logo{display:block;width:52px;height:52px;border-radius:14px;object-fit:cover;margin:0 auto 16px;box-shadow:var(--shadow)}.masuk-kartu h1{font-size:20px;font-weight:800;letter-spacing:-.01em;color:var(--blue);text-align:center;line-height:1.25}.masuk-sub{font-size:13px;color:var(--ink2);text-align:center;margin-top:4px;margin-bottom:24px}.masuk-kartu label{display:block;font-size:11px;font-weight:800;letter-spacing:.07em;color:var(--blue);margin-bottom:6px}.masuk-kartu input{width:100%;min-height:48px;margin-bottom:14px;background:var(--cream);border:1.5px solid var(--line);border-radius:12px;color:var(--ink);padding:12px 14px;font-family:inherit;font-size:16px;outline:none;transition:border-color .15s,background .15s}.masuk-kartu input:focus{border-color:var(--gold);background:var(--white)}.masuk-kartu input:focus-visible{outline:2px solid var(--gold2);outline-offset:1px}.masuk-kartu input:disabled{opacity:.6}.masuk-galat{background:var(--redw);border:1px solid rgba(164,23,43,.22);border-left:4px solid var(--red);border-radius:4px 11px 11px 4px;color:#7a2a36;font-size:13px;font-weight:600;line-height:1.5;padding:11px 14px;margin-bottom:14px}.masuk-kirim{width:100%;min-height:48px;margin-top:4px;background:var(--gold);color:#fff;border:none;border-radius:12px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s;box-shadow:0 4px 14px rgba(194,154,60,.3)}.masuk-kirim:hover:not(:disabled){background:#b08a2e}.masuk-kirim:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.masuk-kirim:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.masuk-nota{margin-top:20px;padding-top:16px;border-top:1px solid var(--cream2);font-size:12px;line-height:1.6;color:var(--ink2);text-align:center}@media (prefers-reduced-motion:reduce){.masuk-kartu input,.masuk-kirim{transition-duration:.01ms}}