.login{align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.login-bg{display:flex;position:absolute;inset:0}.login-half{transition:flex-grow .7s var(--ease-out);flex:1}.login-half-renter{background:var(--teal-100)}.login-half-property{background:var(--yellow-100)}.login:has(.login-route-renter) .login-half-renter{flex-grow:3}.login:has(.login-route-property) .login-half-property{flex-grow:3}.login-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:32px;padding-block:48px;display:grid;position:relative}.login-card{background:var(--white);border-radius:32px;gap:14px;max-width:480px;padding:clamp(28px,4vw,48px);display:grid;box-shadow:0 30px 80px -30px #00000040}.login-form{gap:12px;margin-top:12px;display:grid}.login-input{border:1.5px solid var(--border);min-height:56px;transition:border-color .2s var(--ease);border-radius:16px;padding:0 18px;font-size:18px}.login-input:focus{border-color:#000;outline:none}.login-route{opacity:0;max-height:0;transition:max-height .5s var(--ease-out), opacity .3s var(--ease), padding .5s var(--ease-out), background-color .3s var(--ease);border-radius:18px;gap:4px;padding:0 18px;display:grid;overflow:hidden}.login-route.is-shown{opacity:1;max-height:200px;padding:16px 18px}.login-route-renter{background:var(--teal-300)}.login-route-property{background:var(--yellow-300)}.login-route-title{letter-spacing:-.02em;font-size:18px;font-weight:800}.login-switch{text-underline-offset:3px;justify-self:start;min-height:36px;font-size:14px;font-weight:700;text-decoration:underline}.login-submit{width:100%;min-height:56px}.login-submit:disabled{opacity:.35;cursor:not-allowed}.login-new{margin-top:8px}.login-cast{justify-self:center;display:none}@media (min-width:900px){.login-grid{grid-template-columns:1fr 1fr}.login-cast{display:block}}