.login-screen{position:fixed;inset:0;background:linear-gradient(135deg,#edf0f0 0%,#fff 48%,#f4e4d5 100%);z-index:100;display:grid;place-items:center;padding:20px;overflow:auto}.login-screen[hidden]{display:none}.login-card{background:#fff;width:min(470px,100%);border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 28px 80px rgba(16,25,29,.16)}.login-card>img{width:220px;max-width:75%;height:74px;object-fit:contain;object-position:left;margin-bottom:22px}.login-card h1{font-size:2.25rem;margin-bottom:24px}.login-card form label,.installer label{display:flex;flex-direction:column;gap:6px;margin:13px 0;font-weight:700}.login-card form input,.installer input{padding:13px 14px;border:1px solid var(--line);border-radius:10px}.login-card form .primary,.installer .primary{width:100%;margin-top:12px}.form-error{color:var(--red);font-weight:650;margin:10px 0 0;min-height:1.4em}.renter-entry{margin-top:23px;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted)}.renter-entry button{border:0;background:none;color:var(--orange);font-weight:750}.installer{min-height:100vh;display:grid;place-items:center}.installer .login-card{width:min(680px,100%)}.installer hr{border:0;border-top:1px solid var(--line);margin:25px 0}.link-button{display:inline-block;text-align:center;text-decoration:none}@media(max-width:620px){.login-card{padding:24px}.login-card h1{font-size:1.8rem}}