.login{flex:1;min-height:100%;display:flex}.login__brand{width:42%;padding:var(--space-12);background:var(--color-brand-muted);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.login__brand:before,.login__brand:after{content:"";border-radius:var(--radius-full);position:absolute}.login__brand:before{background:var(--color-brand-wash);width:200px;height:200px;top:-80px;right:60px}.login__brand:after{background:var(--color-brand-wash-strong);width:360px;height:360px;bottom:-120px;right:-120px}.login__logo{align-items:center;gap:var(--space-2);z-index:1;display:flex;position:relative}.login__logo-mark{padding:var(--space-2);border-radius:var(--radius-full);background:var(--color-brand);flex-shrink:0;justify-content:center;align-items:center;display:flex}.login__logo-mark svg{width:var(--icon-sm);height:var(--icon-sm)}.login__logo-text{font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-text)}.login__copy{z-index:1;max-width:380px;position:relative}.login__copy h1{font-size:var(--text-2xl);line-height:var(--leading-tight);font-weight:var(--weight-bold);margin-bottom:var(--space-4)}.login__copy p{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-normal)}.login__brand-footer{z-index:1;font-size:var(--text-xs);color:var(--color-text-muted);position:relative}.login__panel{padding:var(--space-6);flex:1;justify-content:center;align-items:center;display:flex}.login__form{width:100%;max-width:var(--form-max-width)}.login__form h2{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-7)}.login__error{align-items:flex-start;gap:var(--space-2);background:var(--color-negative-bg);border:1px solid var(--color-negative-border);border-left:3px solid var(--color-negative);color:var(--color-negative);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-normal);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);animation:login-error-in var(--transition-fast) ease-out;display:flex}.login__error-icon{width:var(--icon-xs);height:var(--icon-xs);flex-shrink:0;margin-top:1px}.login__error-text{min-width:0}@keyframes login-error-in{0%{opacity:0;transform:translateY(calc(-1 * var(--space-1)))}}.login__options:has(+.login__error){margin-bottom:var(--space-4)}.login__field{margin-bottom:var(--space-4)}.login__field label{font-size:var(--text-xs);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);display:block}.login__field input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg);transition:border-color var(--transition-fast)}.login__field input::placeholder{color:var(--color-text-placeholder)}.login__field input:focus-visible{border-color:var(--color-brand);box-shadow:var(--shadow-focus);outline:none}.login__options{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.login__remember{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.login__remember input{accent-color:var(--color-brand)}.login__submit{width:100%;padding:var(--space-3) 0;background:var(--color-brand);color:var(--color-text-inverse);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--transition-fast);border:none}.login__submit:hover{background:var(--color-brand-strong)}.login__submit:disabled{opacity:.6;cursor:progress}.login__note{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-7)}@media (max-width:1024px){.login__brand{width:38%;padding:var(--space-10) var(--space-8)}.login__copy h1{font-size:var(--text-xl)}.login__panel{padding:var(--space-6) var(--space-8)}}@media (max-width:760px){.login{flex-direction:column}.login__brand{width:100%;padding:var(--space-7) var(--space-6);justify-content:flex-start;gap:var(--space-5);flex:none}.login__brand:before{width:140px;height:140px;top:-60px;right:20px}.login__brand:after{width:220px;height:220px;bottom:-100px;right:-80px}.login__copy{max-width:100%}.login__copy h1{font-size:var(--text-lg);margin-bottom:var(--space-2)}.login__copy p,.login__brand-footer{display:none}.login__panel{padding:var(--space-8) var(--space-6) var(--space-10);flex:none}.login__form{max-width:420px;margin-inline:auto}}@media (max-width:480px){.login__brand{padding:var(--space-6) var(--space-5)}.login__logo-text{font-size:var(--text-md)}.login__copy h1{font-size:var(--text-lg)}.login__panel{padding:var(--space-6) var(--space-4) var(--space-8)}.login__form h2{font-size:var(--text-lg)}.login__options{gap:var(--space-3);flex-wrap:wrap}}