.outer-container{display:flex;justify-content:center;align-items:center;height:100vh;background:url(/images/banner_megasun.jpg) no-repeat center center fixed;background-size:cover;margin:0;padding:0;font-family:Nunito,sans-serif}@media (max-width: 767px){.outer-container{background:url(/images/mobile_background.jpg) no-repeat center center fixed;background-size:cover}}.inner-container{display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.3);padding:2rem;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:90%;max-width:400px;text-align:center}@media (max-width: 767px){.inner-container{padding:1rem;width:100%;max-width:none}}h1{font-size:2.5rem;margin-bottom:1rem;color:#333}.login-form{display:flex;flex-direction:column;align-items:center;width:100%}.login-form input{width:100%;max-width:300px;margin-bottom:1rem;padding:.75rem;border:1px solid #ccc;border-radius:5px;font-size:1rem}.login-form button{width:100%;max-width:300px;padding:.75rem;background-color:#3490dc;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.login-form button:hover{background-color:#2779bd}.button{display:inline-block;padding:.75rem 1.5rem;background-color:#3490dc;color:#fff;border:none;border-radius:5px;text-decoration:none;font-size:1rem;margin-top:1.5rem;transition:background-color .3s}.button:hover{background-color:#2779bd}h1.my-4{font-size:2.5rem;margin-bottom:1.5rem;color:#333;text-align:center}.nav-tabs .nav-item{flex:1 1 auto;text-align:center}.tab-content{background-color:#fff;padding:1.5rem;border:1px solid #ddd;border-radius:.25rem}@media (max-width: 767px){.tab-content{padding:.5rem}}.btn-primary{background-color:#007bff;border-color:#007bff;width:100%}.btn-primary:hover{background-color:#0056b3;border-color:#004085}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}