.login__container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f9fafb}.login__card{max-width:28rem;width:100%;padding:2rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}.login__header{text-align:center}.login__title{font-size:1.875rem;font-weight:700;color:#111827}.login__subtitle{margin-top:.5rem;font-size:.875rem;color:#4b5563}.login__error{margin-top:2rem;background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.75rem 1rem;border-radius:.25rem}.login__error span{display:block}@media(min-width:640px){.login__error span{display:inline}}.login__button-wrapper{margin-top:2rem}.login__button{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);background-color:#fff;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:background-color .15s}.login__button:hover:not(:disabled){background-color:#f9fafb}.login__button:focus{outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.5)}.login__button--disabled,.login__button:disabled{opacity:.5;cursor:not-allowed}.login__spinner{border:2px solid #d1d5db;border-top-color:#374151;border-radius:50%;animation:spin 1s linear infinite}.login__icon,.login__spinner{width:1.25rem;height:1.25rem}.login__footer{margin-top:2rem;text-align:center;font-size:.75rem;color:#6b7280}.login__footer p{margin:0}.login__footer p:not(:first-child){margin-top:.25rem}@keyframes spin{to{transform:rotate(1turn)}}