.pwd-login{background:#f6fbfa;justify-content:center;padding:64px 32px 80px;display:flex}.pwd-login__card{border-radius:var(--pat-radius-lg);background:#fff;border:1px solid #123b361a;width:100%;max-width:380px;padding:36px;box-shadow:0 24px 56px #123b361a}.pwd-login__kicker{letter-spacing:.16em;text-transform:uppercase;color:#0f766e;font-size:.73rem;font-weight:700}.pwd-login__title{letter-spacing:-.03em;color:#123b36;margin:14px 0 24px;font-size:1.3rem;font-weight:750}.pwd-login__field{margin-bottom:8px}.pwd-login__label{color:#123b36;margin-bottom:8px;font-size:.85rem;display:block}.pwd-login .ds-password-input__field:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e24}.pwd-login__forgot{color:#0f766e;margin:10px 0 22px;font-size:.82rem;text-decoration:none;display:block}.pwd-login .btn--primary{--btn-bg:#0f766e}.pwd-login .btn--primary:hover{--btn-bg:#115e59}.pwd-signup{background:#111827;justify-content:center;padding:64px 32px 80px;display:flex}.pwd-signup__card{border-radius:var(--pat-radius-lg);background:#ffffff08;border:1px solid #ffffff1a;width:100%;max-width:400px;padding:36px}.pwd-signup__title{color:#fff;font-size:1.15rem;font-weight:700}.pwd-signup__sub{color:#ffffff73;margin:8px 0 24px;font-size:.85rem}.pwd-signup__label{color:#ffffffbf;margin-bottom:8px;font-size:.85rem;display:block}.pwd-signup .ds-password-input__field{color:#fff;background:#ffffff0a;border-color:#ffffff24}.pwd-signup .ds-password-input__field--invalid{border-color:#f87171}.pwd-signup .ds-password-input__toggle{color:#ffffff73}.pwd-signup .ds-password-input__toggle:hover{background:#ffffff14}.pwd-signup__error{color:#f87171;align-items:center;gap:6px;margin-top:9px;font-size:.8rem;display:flex}.pwd-admin{background:#f8fafc;justify-content:center;padding:64px 32px 80px;display:flex}.pwd-admin__card{border:1px solid var(--pat-line);border-radius:var(--pat-radius-lg);width:100%;max-width:420px;box-shadow:var(--pat-shadow-md);background:#fff;padding:32px}.pwd-admin__icon{background:#dc26261a;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;font-size:1.2rem;display:inline-flex}.pwd-admin__title{color:var(--pat-ink);font-size:1.05rem;font-weight:700}.pwd-admin__sub{color:var(--pat-soft);margin:8px 0 22px;font-size:.85rem;line-height:1.5}.pwd-admin__label{color:var(--pat-ink);align-items:baseline;gap:4px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.pwd-admin__required{color:#dc2626}.pwd-admin__actions{gap:10px;margin-top:22px;display:flex}.pwd-admin .btn--danger{--btn-bg:#dc2626}.pwd-vault{background:#fbfbfa;justify-content:center;padding:64px 32px 80px;display:flex}.pwd-vault__card{border:1px solid var(--pat-line);border-radius:var(--pat-radius-lg);width:100%;max-width:480px;box-shadow:var(--pat-shadow-md);background:#fff;overflow:hidden}.pwd-vault__head{border-bottom:1px solid var(--pat-line);color:var(--pat-ink);padding:20px 24px;font-size:1rem;font-weight:750}.pwd-vault__row{padding:22px 24px}.pwd-vault__service{color:var(--pat-ink);font-size:.92rem;font-weight:650;display:block}.pwd-vault__updated{color:var(--pat-soft);margin:2px 0 14px;font-size:.8rem}.pwd-vault .ds-password-input__field{font-family:var(--pat-mono);letter-spacing:.02em;background:#fafafa}.pwd-locked{background:#fef2f2;justify-content:center;padding:64px 32px 80px;display:flex}.pwd-locked__card{border-radius:var(--pat-radius-lg);background:#fff;border:1px solid #dc262640;width:100%;max-width:400px;padding:32px}.pwd-locked__icon{margin-bottom:12px;font-size:1.6rem}.pwd-locked__title{color:#7f1d1d;font-size:1rem;font-weight:750}.pwd-locked__sub{color:#7f1d1db3;margin:8px 0 22px;font-size:.85rem;line-height:1.5}.pwd-locked__label{color:#7f1d1d;margin-bottom:8px;font-size:.85rem;display:block}.pwd-locked__note{color:#7f1d1dcc;align-items:center;gap:6px;margin-top:12px;font-size:.8rem;display:flex}@media (width<=720px){.pwd-login{padding:44px 16px 56px}.pwd-login__card{padding:24px 20px}.pwd-signup{padding:44px 16px 56px}.pwd-signup__card{padding:24px 20px}.pwd-admin{padding:44px 16px 56px}.pwd-admin__card{padding:22px}.pwd-admin__actions{flex-direction:column}.pwd-admin__actions .btn{width:100%}.pwd-vault,.pwd-locked{padding:44px 16px 56px}.pwd-locked__card{padding:22px}}
