.login-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(17,24,39,.75);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.login-modal__content{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);padding:2rem;width:100%;max-width:28rem;transform:scale(1);opacity:1;transition:all .3s ease-in-out}.login-modal__title{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-form__label{display:block;font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:.25rem}.login-form__input{display:block;width:100%;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);font-size:.875rem}.login-form__input:focus{outline:2px solid rgba(0,0,0,0);outline-offset:2px;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb,0 0 0 3px rgba(37,99,235,.5)}.login-form__input:disabled{opacity:.5;cursor:not-allowed}.login-form__message{text-align:center;font-size:.875rem;font-weight:500}.login-form__message--success{color:#16a34a}.login-form__message--error{color:#dc2626}.login-form__button{width:100%;display:flex;justify-content:center;padding:.75rem 1rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);font-size:1.125rem;font-weight:600;color:#fff;background-color:#2563eb;cursor:pointer;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.login-form__button:hover{background-color:rgb(20.7142857143,84.9285714286,225.7857142857)}.login-form__button:focus{outline:none;box-shadow:0 0 0 2px hsla(0,0%,100%,.5),0 0 0 4px rgba(37,99,235,.5)}.login-form__button:disabled{opacity:.5;cursor:not-allowed}.login-form__spinner{animation:spin 1s linear infinite;height:1.25rem;width:1.25rem;color:#fff}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-container{min-height:100vh;background-color:#f3f4f6;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Inter,sans-serif;padding:1rem}.page-container__content{width:100%;max-width:56rem;background-color:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:2rem;text-align:center}.page-container__title{font-size:2.25rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem}.page-container__message--logged-in{font-size:1.25rem;color:#16a34a;margin-bottom:1rem}.page-container__text{color:#4b5563;margin-bottom:1.5rem}.page-container__button--logout{padding:.75rem 1.5rem;background-color:#dc2626;color:#fff;font-weight:600;border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:background-color .3s ease-in-out}