.login-page{font-family:Arial,sans-serif;background-color:#f0f0f0;margin:0;padding:20px;display:flex;justify-content:center;align-items:center;min-height:100vh}.login-page .login-container{display:flex;flex-direction:column;background-color:white;border-radius:10px;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.1);max-width:800px;width:100%}.login-page .login-image{background:linear-gradient(135deg,#1a237e,#7c4dff);color:white;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.login-page .login-form{padding:2rem}.login-page .logo{max-width:150px;width:100%;height:auto;margin-bottom:1rem}.login-page .login-form>h2,.login-page .login-image h1{margin-top:0;word-wrap:break-word}.login-page form{display:flex;flex-direction:column}.login-page form label{margin-top:1rem}.login-page form input[type=email],.login-page form input[type=password],.login-page form input[type=text]{padding:.5rem;margin-top:.5rem;border:1px solid #ddd;border-radius:4px;width:100%;box-sizing:border-box}.login-page form button{background:linear-gradient(135deg,#1a237e,#7c4dff);color:white;border:none;padding:.75rem;margin-top:1rem;border-radius:4px;cursor:pointer;width:100%;transition:all .3s ease}.login-page form button:hover{background:linear-gradient(135deg,#7c4dff,#1a237e);box-shadow:0 4px 8px rgba(0,0,0,.2)}.login-page form button:disabled{opacity:.6;cursor:not-allowed}.login-page .additional-links{margin-top:1rem}.login-page .additional-links a,.login-page .additional-links button{color:#7c4dff;text-decoration:none;display:inline-block;margin-bottom:.5rem;transition:color .3s ease;background:none;border:none;padding:0;font:inherit;cursor:pointer;width:auto}.login-page .additional-links a:hover,.login-page .additional-links button:hover{color:#1a237e;text-decoration:underline}.login-page .alert{padding:.75rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem;word-wrap:break-word}.login-page .alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}@media (min-width:768px){.login-page .login-container{flex-direction:row}.login-page .login-form,.login-page .login-image{flex:1}}@media (max-width:767px){.login-page{padding:10px}.login-page .login-container{max-width:100%}.login-page .login-form,.login-page .login-image{padding:1rem}.login-page .login-image h1{font-size:1.5rem}.login-page .login-form>h2{font-size:1.2rem}}