.login-main{position:relative}.login-main h1{font-family:var(--font-display), sans-serif;letter-spacing:-.04em;margin:0 0 36px;font-size:30px;font-weight:800;line-height:1}.login-form{padding-left:18px;position:relative}.rail{background:var(--cobalt);opacity:0;border-radius:2px;width:2px;height:44px;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .18s;position:absolute;left:0;transform:translateY(0)}.field{margin-bottom:18px}.field label{color:var(--slate);margin-bottom:5px;font-size:13px;font-weight:500;display:block}.field input{width:100%;font:inherit;color:var(--pine);border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:11px 0;font-size:16px;transition:border-color .18s}.field input:focus{border-bottom-color:var(--pine);outline:none}.login-actions{align-items:center;gap:8px;margin-top:28px;display:flex}.login-actions button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:2px;padding:11px 20px;font-size:15px;font-weight:600;transition:background .15s}.btn-primary{background:var(--cobalt);color:#fff;flex:1}.btn-primary:hover{background:#1f3db8}.btn-primary:disabled{opacity:.5;cursor:progress}.btn-ghost{color:var(--pine);border-color:var(--line);background:0 0;padding:11px 14px}.btn-ghost:hover{background:#fff}.login-message{color:var(--warn);min-height:18px;margin:16px 0 0 18px;font-size:13px}