.login{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-brand{background:var(--onpr-blue);color:var(--onpr-white);padding:var(--space-8);flex-direction:column;justify-content:space-between;display:flex}.login-symbol{width:88px;height:auto}.login-brand p{font:500 clamp(36px, 4vw, 56px)/1.05 var(--font-core);letter-spacing:-.03em;margin:0}.login-form{padding:var(--space-8);flex-direction:column;justify-content:center;width:100%;max-width:520px;margin:0 auto;display:flex}.login-logo{width:auto;height:26px;margin-bottom:var(--space-8);align-self:flex-start}.login-form h1{font:500 40px/1.1 var(--font-core);letter-spacing:-.02em;margin:0 0 var(--space-3)}.login-form .muted{color:var(--text-muted);margin:0 0 var(--space-6);max-width:42ch}.login-form label{font:500 14px var(--font-core);margin-bottom:var(--space-2);display:block}.login-form input{width:100%;font:400 16px var(--font-core);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface-page);color:var(--text-body);margin-bottom:var(--space-4);padding:14px 16px}.login-form input:focus{outline:2px solid var(--onpr-blue);outline-offset:1px;border-color:#0000}.login-form .btn{padding:12px 20px;font-size:15px}.login-form .error{color:var(--verdict-kill);font:400 14px var(--font-core);margin:0 0 var(--space-4)}@media (max-width:800px){.login{grid-template-columns:1fr}.login-brand{min-height:220px;padding:var(--space-6)}.login-form{padding:var(--space-6)}}.login-switch{margin-top:var(--space-5);font:400 14px var(--font-core);color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;display:block}.login-switch:hover{color:var(--text-body)}