body {
     background-color: #1a1a1a; 
     background-image: url('../img/tnb-login-bg.png');
     background-size: cover;
     background-position: center;
     color: white;
     font-family: 'Arial', sans-serif;
     padding-top: 40px;
 }
 
 .login-container {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     height: 100vh;
 }
 
 .logo {
     margin-bottom: 20px;
     max-width: 120px;
 }
 
 .login-box {
     background: linear-gradient(
         to right, 
         rgba(42, 39, 83, 0.75),  /* Color on the left with 25% transparency */
         rgba(154, 29, 136, 0.75) /* Color on the right with 25% transparency */
     );
     padding: 20px;
     border-radius: 10px;
     box-shadow: 0 0 10px pink;
     max-width: 300px;
     width: 100%;
 }
 
 .aff-box {
    background: linear-gradient(
        to right, 
        rgba(42, 39, 83, 0.75),  /* Color on the left with 25% transparency */
        rgba(154, 29, 136, 0.75) /* Color on the right with 25% transparency */
    );
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px pink;
    max-width: auto;
    width: 100%;
 }