.login-form{max-width:480px;width:100%;margin:0 auto;padding:2rem}.login-form__header{text-align:center;margin-bottom:2rem;color:var(--color-text)}.login-form__error{margin-bottom:1.5rem}.login-form__form{display:flex;flex-direction:column;gap:1.5rem}.login-form__helper-text{font-size:.75rem;color:var(--color-text-secondary);text-align:center;margin-top:-.5rem}.login-form__actions{display:flex;justify-content:center;margin-top:.5rem}.login-form__actions button{min-width:200px}@media (max-width: 640px){.login-form{padding:1.5rem;max-width:100%}.login-form__actions button{width:100%;min-width:unset}}@media (min-width: 641px) and (max-width: 1024px){.login-form{max-width:480px}}.root-layout{min-height:100vh;background-color:var(--color-background);color:var(--color-text)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);padding:2rem}.login-page__container{width:100%;max-width:600px}.login-page__demo-info{margin-top:2rem;padding:1.5rem;background-color:var(--color-surface);border-radius:8px;border:1px solid var(--color-border)}.login-page__demo-info h3{margin-top:0;margin-bottom:1rem;color:var(--color-text);font-size:1rem}.login-page__demo-info ul{margin:0;padding-left:1.5rem;color:var(--color-text-secondary);font-size:.875rem}.login-page__demo-info ul li{margin-bottom:.5rem}.login-page__demo-info ul li:last-child{margin-bottom:0}@media (max-width: 640px){.login-page{padding:1rem}}