@media (max-width:640px){.login-card{margin:0;border-radius:12px;width:100%!important;max-width:100%!important}.login-button,.login-input{height:44px!important;font-size:16px!important}.login-header-content{padding:0 1rem}.login-brand{font-size:1.5rem!important}.login-nav-buttons{gap:.5rem}.login-nav-button{padding:.5rem .75rem!important;font-size:.875rem!important}}@media (max-width:480px){.login-card-header{padding:1rem 1.25rem!important}.login-card-content{padding:1rem 1.25rem 1.5rem!important}.login-card{margin-top:1rem}}@media (min-width:641px) and (max-width:1024px){.login-card{width:500px!important;max-width:500px!important}}@media (min-width:1025px){.login-card{width:500px!important;max-width:500px!important}}.login-header{position:fixed;top:0;left:0;right:0;z-index:50;background-color:var(--bg-elev1);padding:1rem 0}@media (max-width:640px){.login-header-content{padding:0 1rem;background-color:var(--bg-elev1)}.login-brand{font-size:1.5rem!important}.login-nav-buttons{gap:.5rem}.login-nav-button{padding:.5rem .75rem!important;font-size:.875rem!important}}@media (prefers-contrast:high){.login-card{border:2px solid!important}}@media (prefers-reduced-motion:reduce){.login-button,.login-card{transition:none!important}}