# C4 Model Login

### 1. Context Diagram&#x20;

<figure><img src="https://mermaid.ink/img/pako:eNp9U21v0zAQ_iun-zSkUJI2adJ8Y6MSQiDQBkJCkZCV3FJriR3sC6xU_e9cXtaq04S_-Hy55-Uu9gFLWxHmeBPfWMP0yIUBWay5IXjb844M61Kxtgbu9p6phbkQ3mlVO9VOgK3kXOe0p5_XtjeVcvsrJfCnQwAFvkhX4Cs4TBzD-kLOW3PVe3IDZGsq-CZxgcNpiIDdXpsa2IIqS_IehBRU1zUz70IYz3yTyGhlCv9jZPj0XpmqIQ-DAXBUa89urAqgsbWWTQrgw_evYuCBDLTKqJpaYXtRV-ZEzqjmrL2dMxeqn8WPAz9mhoYUQ6vrHYMexqpKhj-ad1Onl94nzFn7OG3X-paaeYqXvd-OPcmU33y0tReBE3TCPHf8HP2rJ8_zfCrFCqyD3-T0vZapjTPxwogBtuRapSu5W-PvLVB8t1RgLqHciIcCC3OUOhGwd3tTYs6upwD7TmhpvlyY36vGn7LbSrN1p2SnzA9r2yekHDE_4CPmr6PNIsvSOAuTTbYKw00U4B7zVbxIwjiKsixJ0ni9To8B_h0JokUYLaN1mKw262UapskyQBrFPk3vY3wmx3_bFRCu?type=png" alt=""><figcaption></figcaption></figure>

### 2. Container Diagram

<figure><img src="https://mermaid.ink/img/pako:eNp1U21v2jAQ_isnf6JSShMgEPINWqZt2iRWmCpNkSaTHCEqsTPbUUcR_33nOIVQdflg3Z3unue5lxxZKjNkMbsf3UtheCFQJcIUZo8wq80OyU65KaSA1UEbLOGcBg8FzxUvE5GIhTCoKlVo_D2Xtci4OvQ4lb85HiTsQ7iE3cAxEUDfEpWWoldrVDZ9ITL4SXbCrGctMOpQiByMBJ6mqDUQIPCq2reYfUJzWA68l3HDN1yjRXhobYe3MlKhBksGNgs40e243mEGFdf6RapMX_Dce269t1VkoshmVWXRPrUuzC5iHM8j8tTcWt4MXnDTVQtbqUBhXmijXMBq2Mu86DRyodzw9PnCOHcezJZf2oZo-jSbuZQG2tSGgF9N3XMdl1zwHEuKew3p16c1TZVqIEfi6gzTqXjEfbuXd43TWrTj_7xeL-_sszprt1Vd1d1t0FwyffekCtPdQtvKj29XGFec12NYkanf9Ugz_VOjNv8XlogT81iJquRFRrffHGDCCKSk84jJpJt9TpjLI3S5OoiUxUbV6LG6IqnYHj-Lt3yvz9FFVtBhnYMVF7-kLN8qyWXxkf1l8W0w7UfRZBT54TQa-v408NiBxcNRP_RHQRBFYTgZjceTk8deG4Cg7weDYOyHw-l4MPEn4cBj2JB9d_9v8xuf_gG1PkSi?type=png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://mermaid.ink/img/pako:eNqNlG1v2jAQx7-K5VdUYiwBwkPelQdpm1ZtCkWVpkiTm1xDRmJntrOWIr77zjGEAKVbXtln3-_O97_clkYiBurTaX8q8kJw4DrkBD-d6gzIhEVr4DG5_f6Z1BfILGWJZLm9OOcaZCFTBT8nouQxk5vWo3U77NskpE1Sa4H3eUImQuibkN6QrUWZ77iq47VYqVdTwbUUWQbS0G7RQo6mkBrj_KUQChTBMIVIuVbkSUhSKpBEQpIqLZlOBScM08hEkvIOxr4WbwHyTxpBHWy_t5E-ISLDSDlLEYfH6JVGlm7I0TXyr2fdAH95uD_l3jHOEuSaAy2wXkQUYLNW15DmfQHgy1MtbKmX5sVHk0VPg-WsQatLc5VbVSiA3yUobQBfzZ7sDWR2_81yZ0wzgqUtI11KqLDv1tYqYVKuycHe9F_wppKnMY6rxQZxeStG70em4EAya8tdYF2wzFVrmFtVS6yYWkFMCqbUs5CxukYPILvoyLOOmUEGCdMY4qw5NFNrdcI90Grv0xbZl8S2xFG-9xGXLXGm_pvuzfeci780_1Wt7T_d3xC5JjQFvACdZ96UMAAWq48PMtVN6WrEjrZpDhJ_yRjnWTVRQorFz1FzH5c4iNYhDbm5h_mKxYZH1MfegjYtC0TBfqxR_4llqrbOY5NLbSwY_yFEfvDELfW39IX6H9xxZzQa9keONx71HGfstumG-r1-x3P6rjsaed6wPxgMd236WgHcjuN23YHj9caD7tAZet02hSrYnZ3J1Wje_QUDL9mi?type=png" alt=""><figcaption></figcaption></figure>

### 3. Component Diagram

<figure><img src="https://mermaid.ink/img/pako:eNqVVG1r2zAQ_iuHPrXgBbvNq79lacc6CJR2YTAMQ8iyp8WWjCR3TUP-e09y7MZd0nYGg-_83HMvj3RbwlTKSUwWw4UqKyW5tIkEfKywBYcvWknLZQrzqioEo1YoCR0SrgTNNS2biGtE6koLw399VrVMqd6cZfv41hFAQo5ynt1xyux5Qs5h29C55-Wry3lmRC5v5C3NuSO79xY4MyHOsTJcg3ClZJRxyJSGQuW5kDl6B8h_inNVHXKuqrc5Nc-FsdoXf4qV1vb3wvX6aB3LHE3Y2w3vkkrMYaB2_A6NUe1AjKWWY1JAL7RjBIpvpdWDSDEsqyVzWNN2iWgH-Ehtf_7ae64fBPMdf_vxHfZmU9lX5Ckwhfth1ZpLKH2tJcYGML-9AUaLwgQ-3_xRKANMyUzkdZPWvJ934fGvskPjbYpY9Bh9kw5q2rqFZEWdOmVxNJVCgUCr2nLzliB3Cvvq5PBWk-2KZ0Jiyw6ktHhqZNAOAIVYc6BpKWTghMmywGsWALesn-zl644XvbP66jTgmWpa6uveI2sp2qN5iuJQ8H8IekF92Zd0jQydmh8p55DgmJYrKwrxtK_LM_dEPNre4YQ6eZZ042aMpw9SjjcPZ48SMMaNeXdG_0WyIwEp8RcVKe5Bv3wSgjMo8SrE-Ilra52QRDockqv7jWQktrrmAamrFG_pfguSOKOF6bzXqbBKd86Kyp9KlW0kmiTekkcSf4pmg-l0MpyGo9n0MgxnUUA2JL4cDkbhMIqm09FoMhyPJ7uAPHmCaBBGF9E4HF3OxheTcDK6CAj3yZbNLvcrffcMBH7v1w?type=png" alt=""><figcaption></figcaption></figure>
