.n-columns-2 {
      width: 100vw;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      font-weight: 700;
      font-family: 'Poppins', sans-serif;
    }
  
    .n-columns-2 a {
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 1px;
      transition: all 0.3s ease;
      border-radius: 10px;
      padding: 14px 10px;
      margin: 5px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    }
  
    /* --- LOGIN BUTTON --- */
    .login {
      color: #fff !important;
      background: linear-gradient(135deg, #8b0000 0%, #ffee00 50%, #e20fe2 100%);
      border: 2px solid #000000;
    }
  
    .login:hover {
      transform: scale(1.05);
      background: linear-gradient(135deg, #ffee00 0%, #00768b 50%, #000 100%);
      box-shadow: 0 0 20px rgba(255, 166, 0, 0.6);
    }
  
    /* --- REGISTER BUTTON --- */
    .register {
      color: #fff !important;
      background: linear-gradient(135deg, #e20fe2 0%, #ffee00 50%, #8b0000 100%);
      border: 2px solid #000000;
    }
  
    .register:hover {
      transform: scale(1.05);
      background: linear-gradient(135deg, #ffee00 0%, #c309d4 50%, #000 100%);
      box-shadow: 0 0 20px rgba(255, 166, 0, 0.6);
    }