.login{z-index:1;background:#fff;place-items:center;min-height:100vh;margin:0;display:grid;position:relative}.login form{background:#fff;border:10px solid #e8a0a8;border-radius:8px;flex-direction:column;gap:24px;width:100%;max-width:420px;padding:40px;display:flex}.login .brand{color:inherit;text-align:center;text-transform:uppercase;font-family:var(--font-display);white-space:nowrap;font-size:32px;line-height:1;text-decoration:none}.login .brand-brilla{color:#e8a0a8}.login .brand-bonita{color:#b8385a;position:relative}.login .brand-tm{font-family:var(--font-ui);white-space:nowrap;color:#000;margin-left:-.25em;font-size:.35em;position:absolute;top:.91em;left:100%;transform:translateY(-50%)}.login .sub{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;text-align:center;color:#000;margin-top:-8px;font-size:16px}.login input{width:100%;height:50px;font-family:var(--font-ui);letter-spacing:.1em;background:#fff;border:1px solid #e8a0a8;border-radius:8px;padding:0 14px;font-size:16px}.login input:focus{outline:1px solid var(--accent)}.login .btn{text-transform:uppercase;width:100%;height:50px;font-family:var(--font-display);letter-spacing:.1em;color:#fff;background:#e8a0a8;border-color:#e8a0a8;border-radius:8px;justify-content:center;align-items:center;font-size:24px;display:flex}.login .btn:hover{color:#fff;background:#b8385a;border-color:#b8385a}.htmx-request{opacity:.55;transition:opacity .1s}