.login-page{background:var(--pp-white);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{border:1px solid var(--pp-ink);background:var(--pp-white);width:100%;max-width:460px;padding:32px 32px 28px}.login-brand{border-bottom:1px solid var(--pp-ink);align-items:center;gap:12px;padding-bottom:18px;display:flex}.login-brand img{width:auto;height:20px}.login-brand .x{font:600 12px/1 var(--font-mono);letter-spacing:.04em;opacity:.5}.login-brand .client{font:700 14px/1 var(--font-sans);letter-spacing:-.02em}.login-title{font:700 56px/.96 var(--font-sans);letter-spacing:-.045em;text-transform:lowercase;text-wrap:balance;margin:28px 0 12px}.login-title .lime{background:var(--pp-lime);padding:0 10px 4px;line-height:1;display:inline-block}.login-title .stroke{-webkit-text-stroke:1.5px var(--pp-ink);color:#0000}.login-lede{color:var(--pp-slate-500);margin-bottom:24px;font-size:14px;line-height:1.5}.login-form{flex-direction:column;gap:8px;display:flex}.login-label{font:600 9px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.55}.login-input{border:1px solid var(--pp-ink);background:var(--pp-white);color:var(--pp-ink);font:500 16px/1 var(--font-mono);letter-spacing:.04em;outline:none;padding:14px 12px}.login-input:focus{background:var(--pp-lime)}.login-input[aria-invalid=true]{border-color:var(--pp-red)}.login-error{font:700 9px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pp-red);margin-top:4px}.login-button{background:var(--pp-ink);color:var(--pp-lime);border:1px solid var(--pp-ink);font:700 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;margin-top:8px;padding:14px 16px;transition:background .12s,color .12s}.login-button:hover{background:var(--pp-lime);color:var(--pp-ink)}