.login-page{background-color:black;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center;align-items:center}.form-container,.login-page{padding:20px;box-sizing:border-box}.form-container{background-color:#222;border-radius:10px;width:100%;max-width:400px}form label{font-weight:700}form{display:flex;flex-direction:column;justify-content:center;padding:20px;background-color:#ffa500;color:black;border-radius:10px;gap:10px;box-shadow:0 4px 6px rgba(0,0,0,.4)}form,form button,form input{width:100%;box-sizing:border-box}form button,form input{padding:12px;border-radius:5px;font-size:1rem;border:none}form input{background-color:white;color:black;border:1px solid #ccc}form button{background-color:black;color:white;cursor:pointer;transition:all .3s ease}form button:hover{background-color:white;color:black;border:1px solid black}.spinner{width:30px;height:30px;border:4px solid #ccc;border-top-color:black;border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:600px){.login-page{padding:10px}.form-container,form{padding:15px}form button,form input{font-size:.95rem}}